HTML表单简单用法

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>

定义下拉菜单