本关任务:创建一个input标签, type类型为text,name属性值为nickName。
效果如下:
1.2相关知识一般在网站上填写个人信息的时候,会输入姓名、昵称等信息,这里用到的就是标签。
你可以使用标签来创建一个输入框,使用type属性来指定input元素的类型,使用name属性来规定input元素的名称,它可以对提交到服务器后的表单数据进行标识。
例子如下:
姓名:效果如下: 这里type="text",表示普通文本的输入。
注意: 是以/>结尾的。
代码文件 昵称: 2.表单元素——文本框 2.1任务描述本关任务:创建一个input标签, type类型为password,name属性值为check,value值为123。
效果如下:
2.2相关知识你可以使用标签来创建一个输入框,使用type属性来指定input元素的类型为密码框,其输入框的值为value属性的值。
例子如下:
密码:效果如下:
可以发现: 密码框的值是以圆点表示的,不会明文显示。
这里type="password",表示密码的输入。
代码文件 密码: 3.表单元素——单选框 3.1任务描述本关任务:创建一组单选框,name属性值为question。
要求:对每一个选项使用
标签进行换行。
注:这里及后面遇到的文本都是中文符号,比如:,是中文符号的:。
效果如下:
3.2相关知识一般在填写个人信息的时候,都会选择性别,只能选择男或女,这里就用到了单选框 。
你可以使用来创建一个单选框,需要注意的是:同一组单选框的name属性的值要一样。
例子如下:
男:女:效果如下: 这里type="radio",表示单选框。
代码文件 1. HTML是什么语言?(单选题) A:高级文本语言 B:超文本标记语言 C:扩展标记语言 D:图形化标记语言 4.表单元素——多选框 4.1任务描述本关任务:创建一组多选框,name属性值为relax。
要求:对每一个选项使用
标签进行换行。
效果如下:
4.2相关知识一般在填写个人信息的时候,都会有选择兴趣爱好,是可以选择多个的,这里就用到了多选框 。
你可以使用来创建一个多选框。
需要注意的是:同一组多选框的name属性的值要一样。
例子如下:
足球 篮球 乒乓球效果如下: 这里type="checkbox",表示多选框。
代码文件 休闲方式: 逛街 看电影 宅