form表单
form表单用于收集用户的输入,并将收集到的输入组成Key:Value的形式发送到服务端
form
action定义提交表单的地址,method,定义提交表单的方法,有post和get两种
<form action="/url" method="get">
<botton>提交</botton>
</form>
input
- name属性规定了input元素的名称,用于对提交到服务器后的表单数据进行标识,只有设置了name属性的表单元素才能在提交表单时传递它们的值
<input type="text" name="" placeholder="">
定义用户可输入的单行输入字段,placeholder的值是用以描述文字在输入框中预提示用户,该提示会在用户输入时消失
<input type="password" name="" value="">
定义密码字段,在此输入框中输入的数据会显示为星号或者圆点,value的值会预先显示在输入框中
<input type="hidden" name="" value="">
定义隐藏字段
<input type="file" accept="image/png">
定义上传文件,文件类型为PNG格式
<input type="radio" name="" value="">
定义单选按钮,不同的name值视为不同的单选组
<input type="checkbox" name="" value="">
定义多选按钮
<input type="sumbit" name="sumbit">
定义提交按钮,提交按钮可以向服务器发送表单数据。
<input type="button" name="button">
定义可点击按钮,但是没有任何行为,常用于在点击按钮是启动JavaScript程序
<input type="reset" name="reset">
定义重置按钮,用于清空当前的输入
select
<select>
<option name="MyCar" value="BWM">宝马</option>
<option name="MyCar" value="AUDI">奥迪</option>
<option name="MyCar" value="saab" selected>萨博</option>
</select>
定义下拉菜单