form表单的用法

form主要用于采集和提交用户输入的信息并向服务器传输数据。
例如一个简单的用户登录例子如下:

   

表单主要有控件和属性这两个要素组成。
表单的属性如下和用法如下:

属性|值|作用
-|-|
accept-charset|MIME_type|用于规定服务器可处理的表单数据字符集。
action|URL|用于规定当提交表单时向何处发送表单数据。
autocomplete|on/off|规定是否启用表单的自动完成功能。
enctype|1.application/x-www-form-urlencoded 2.multipart/form-data 3.text/plain|规定在发送表单数据之前如何对其进行编码。
method|get/post|规定用于发送 form-data 的 HTTP 方法。
name|form_name|规定表单的名称。
novalidate|novalidate|如果使用该属性,则提交表单时不进行验证。
target|_blank/_self/_parent/_top/framename|规定在何处打开 action URL。

表单要包含一些控件,用于收集用户输入的数据。
表单常用的控件和用法如下:
1.文本域text,用户可以在文本域写入文本。

名: 姓:

2.密码域password,用于创建HTML的密码域。

用户:
密码:

3.复选框checkbox,用户可以选中或取消选取复选框,多选

旅游: 宠物:

4.单选按钮radio,当用户点击一个单选按钮时,该按钮会变为选中状态,其他所有按钮会变为非选中状态

男性:
女性:

name要一致才是同一组。
5.下拉列表,selected="selected"为选中状态。

6.文本域textarea,用户可以在文本域中写入文本。在文本域中,可写入的字符字数不受限制。


7.按钮button,可以对按钮上的文字进行自定义。


8.submit,用于提交表单信息,带有输入框和提交按钮的表单如下代码:

姓名: 密码:

action的值表示向此页面发送表单数据。

你可能感兴趣的:(form表单的用法)