HTML-表单

---

表单

表单的作用：用来收集用户的信息的;

1 ： 表单标签(表单域、表单框)

<form></form>
    属性 ： 
        action = '接口地址(服务器地址)'
        method = 'get / post'(提交方式)
        name = '表单名称'
        target='_blank'（新窗口打开）

2 ： 表单元素

表单元素的name属性是留给JS提交数据给后端使用的;要通过Ajax提交数据,需要阻止表单提交数据;通过修改button按钮的默认属性值(submit);

<input>
    属性：
        type = '控件类型'
        name：属性标识表单域的名称；
        Value:属性定义当前input的提示信息。
        maxlength：控制最多输入字的个数，
        Size：控制框的宽度（以字数为单位）
    

1）文本框
    <input type="text" value="默认值"/>

2)密码框
    <input type="password" />

3)提交按钮（提交刷新功能）
    <input type="submit" value="按钮内容" />  submit == <button></button>（提交刷新功能）

4)重置按钮
    <input type="reset" value="按钮内容" />

5)空按钮（没有任何功能）
    <input type="button" value="按钮内容" />

button和submit的区别是：
submit是提交按钮起到提交信息的作用，type类型是button只起到跳转的作用，不进行提交。

6）单选框/单选按钮
<input type="radio" name="ral" />
<input type="radio" name="ral" checked="checked" />
单选按钮里的name属性必须写，同一组单选按钮的name属性值必须一样。
checked="checked"(默认选中；) disabled="disabled"禁用。

7）复选框
<input type="checkbox" name="like" />
<input type="checkbox" name="like" disabled="disabled" /> (disabled="disabled" :禁用)
(checked="checked" :默认选中)。


8)下拉菜单
<select name="">
<option>菜单内容1</option>
<option>菜单内容2</option>
<option>菜单内容3</option>
</select>


9）多行文本框（文本域）
<textarea name="textareal" cols="字符宽度" rows="行数">
</textarea>


10)按钮
<input name="'" type="button" value=“按钮内容” />
<input name="'" type="submit" value=“按钮内容” />
<button></button>

button 按钮(button标签可以通过type属性来改变自己的功能，而input  type=button固定就是没有功能的。

button按钮的属性值默认是:submit,默认具有刷新提交功能;

参考: 阻止表单提交数据的方法

值	描述
submit	该按钮是提交按钮（除了 Internet Explorer，该值是其他浏览器的默认值）。
button	该按钮是可点击的按钮（Internet Explorer 的默认值）。
reset	该按钮是重置按钮（清除表单数据）

value 属性的用法的意义：

对于不同的输入类型，value 属性的用法也不同：

• type="button", "reset", "submit" ，定义按钮上的显示的文本
• type="text", "password" ，定义输入字段的初始值
• type="checkbox", "radio" ，定义与输入相关联的值
• 注释：checkbox  和 radio 中必须设置 value 属性。