html表单制作

表单：

收集不同类型的用户输入信息。（输入框，密码框，文本框，下拉菜单，单选，多选，）

form标签：

作用：定义一个表单。

一个表单是又表单元素组成的.

标签：是指开始标签到结束标签。

元素：指在html中，从开始标签到结束标签的所有代码统称为一个元素。

表单元素：不同类型的input元素，以及单选框，提交按钮等。

form标签的格式为：

<form action=" ">

传输的数据

</form>

form标签的属性：

action：提交的地址

method：提交的方式（1.get：参数是在url中的，不安全，传输量比较少，不大于2kb，默认是get。2.post：参数不在url中。，相对比get比较安全。传输量没有限制，不过，服务器可能会对你传输的数据量进行限制。）

input：

type：input元素的类型，会根据type的不同，呈现为不同的控件。

name：提交的数据的名字。

 

 

输入框：

type=text

作用：创建一个允许用户输入的输入框。

value：未输入之前的默认文本。

placeholder：提示文本。

maxlength：输入框最大输入字符长度。

minlength：输入框最小输入字符长度。

autofocus：自动获取焦点 不需要书写属性值。

例：

 账号名：<input type="text" name="account" placeholder="请输入账户名" maxlength="10" minlength="5" autofocus>

 

密码框：

password：创建一个允许用户输入密码的密码框。

例：

密码：<input type="password">

单选：

type=radio

属性：

name：如果不设置name属性，游览器不知道哪些单选框是一组，就不能起到单选的效果。我们需要给同一组的单选框添加一个相同的name属性值。

checked：可以忽略属性值，表示当前单选默认选中。

disabled：禁用。（不仅仅是单选可用，别的input元素也可以使用。）

例： 

 性别：<input type="radio" name="sex" value="男" checked>男<input type="radio" name="sex" value="女">女<input type="radio" name="sex" disabled>未知

多选：

type=checkbox

name:必填项，而且同一组的多选框的name值必须相同。

例：

 爱好：

 

    <input type="checkbox" name="hobby">唱歌

 

    <input type="checkbox" name="hobby">跳舞

 

    <input type="checkbox" name="hobby">打篮球

 

    <input type="checkbox" name="hobby">rap

 

按钮分为：

普通按钮 type=button，

提交按钮type=submit，

重置按钮type=reset。

value属性：按钮上的文字。

例：

    <input type="button" value="普通按钮">

 

    <input type="submit" value="提交">

 

    <input type="reset" value="重置">