开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第5天,点击查看活动详情
表单标签
表单域
<form action="url地址" method="提交的方式" name="表单域的名称">
各种表单元素控件
</form>
此处在html基础中不做研究,在前端的日后学习中将会深度学习
表单控件(表单元素)
<input type="属性值"/>
type属性值
1、hidden 定义隐藏的输入字段
2、text 定义单行输入字段,用于输入文本
3、password 定义密码字段,字符将被掩盖
4、radio 定义单选按钮
5、checkbox 定义复选框
6、submit 定义提交按钮
7、reset 定义重置按钮
8、button 定义可点击按钮
9、file 供文件上传
除了type外,input还有其他的属性
1.name 定义input名称
2.value 定义input值
3.checked 规定默认选中
4.maxlength 规定字符的最大长度
注:name和value给后台人员使用
单选和复选框要有向同的name值
checked主要用于单选和复选框
maxlength一般使用较少
name和value在每一个表单中都需要有
label标签
用于加强用户的体验
<label for="sex">男</label>
<input type ="radio" name="sex" id="sex"/>
核心:label和for应当对于相同元素的id属性
select列表元素
用于定义下拉列表
<select>
<option> </option>
<option> </option>
<option> </option>
</select>
1、select中至少含有一对option
2、option中定义select=”select“时,即表示默认选中项
表单标签textarea
常用于留言板,评论,输入内容较多
<textarea row="3" cols="20">
文本内容,可写较多内容
</textarea>
可创建多行文本输入框
cols=”每行中的字符数“ (实际开发是不使用,都用css改变大小)
rows=”显示的行数“
结语
到此为止,html基础部分已经结束,接下来要学习css的内容,html基础中部分需要深入的内容在将来的前端学习将会得到深度学习,只有经常动手时间,才能发挥学习的最大效率。