1.表单标签
<form action="数据提交的地址" method="get或者post"> 提交的数据</form>
get和post的区别
get追加地址栏,数据量小,快,不安全
2.表单元素
1.输入框 input
<input type="text/password/radio/checkbox/file/hidden/submit/reset/button'
name="名字"value="值"placeholder="提示文字" readonly disabled maxlength="">
说明:checked属性只有单选和复选的默认选中项有该属性.
hidden是当想要提交不被用户看到的信息的时候.
2.下拉框
语法:
<select name="" id="">
<option value="">选项</option>
</select>
说明:option的属性有value,如果设置了value, value的值会被传送到后台,如果没有就传送标签的内容
option的属性selected,是设置当前选项被默认选中.
3.文本域
语法:
<textarea name="" id="" cols="30" rows="10"></textarea>
说明:项目中是通过给文本域设置宽高的方式改变大小,而不是通过行列的设置.
标签之间不能有任何空格和换行
4.label标签(增加用户体验)
语法1:
<input id="aa">
<label for="aa">关联内容</label>
语法2:
<label ><input type="text" name="" id="">关联的内容</label>
5.按钮标签
语法:
<button type="submit/reset/button">按钮上显示的文字</button>
说明:推荐使用input实现按钮.