Form标签:
- HTML 表单用于收集用户输入,form定义 HTML 表单。
- 表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。
子标签:
- imput标签,用于对复选框、单选按钮、提交按钮等等。
属性字段:
- name属性:如果要正确地被提交,每个输入字段必须设置一个 name 属性。
- action属性:提交表单时执行的动作。如不定义,则设置为当前页面因为页面地址栏中是可见。
<form action="action_page.php">
-
Method属性:提交表单时所用的 HTTP 方法(GET 或 POST)
- get:默认方法,如果表单提交是被动的(比如搜索引擎查询),并且没有敏感信息。最适合少量数据的提交。
- post:POST 的安全性更好,因为在页面地址栏中被提交的数据是不可见的。
<form action="action_page.php" method="GET"> 或: <form action="action_page.php" method="POST">
- input内的属性,text(文本可见),password(密码不可见),radio(单选框),submit(提交按钮)value(返回给服务端的key)
<!DOCTYPE html> <html> <body> <form> First name:<br> <input type="text" name="firstname"> <input type="password" name="password"> <p>请注意表单本身是不可见的。</p> <p>同时请注意文本字段的默认宽度是 20 个字符。</p> <input type="radio" name="sex" value="male" checked>Male <input type="radio" name="sex" value="female">Female <p>请注意如果需要只选其一,那么name一样即可。</p> <input type="submit" value="Submit"> </form> </body> </html>
-
fieldset默认显示输入框内信息
<form action="action_page.php"> <fieldset> <legend>Personal information:</legend> First name:<br> <input type="text" name="firstname" value="Mickey"> ###这里value默认显示内容 </form>
- target属性:提交表单后在何处显示响应,默认为当前窗口打开
<form action="/action_page.php" target="_blank"> _blank 响应显示在新窗口或选项卡中。 _self 响应显示在当前窗口中。 _parent 响应显示在父框架中。 _top 响应显示在窗口的整个 body 中。 framename 响应显示在命名的 iframe 中。
其他属性:
HTML5中新的属性:
属性 | 值 | 描述 |
---|---|---|
accept | MIME_type | HTML 5 中不支持。 |
accept-charset | charset_list | 规定服务器可处理的表单数据字符集。 |
action | URL | 规定当提交表单时向何处发送表单数据。 |
autocomplete |
|
规定是否启用表单的自动完成功能。 |
enctype | 见说明 |
规定在发送表单数据之前如何对其进行编码。
|
method |
|
规定用于发送 form-data 的 HTTP 方法。 |
name | form_name | 规定表单的名称。 |
novalidate | novalidate | 如果使用该属性,则提交表单时不进行验证。 |
rel |
|
规定链接资源和当前文档之间的关系。 |
target |
|
规定在何处打开 action URL。 |