撸代码

代码注记:HTML表单中的type、method

2019-03-03 12:35:34 作者:码工0组
代码:
<!DOCTYPE html>
<html>
<body>
<form action="">
First name:<br>
<input type="text" value="张">
<br>
Last name:<br>
<input type="text" name="lastname" value="三">
<br><br>
<input type="submit" value="Submit">
</form>
<p>如果您点击提交,表单数据会被发送到名为 指定 的页面。</p>
<p>first name 不会被提交,因为此 input 元素没有 name 属性。</p>
</body>
</html>


注记:
1、HTML 表单用于搜集不同类型的用户输入。
2、<form> 元素定义 HTML 表单。
<input> 元素有很多形态,根据不同的 type 属性。
例如:
text,定义常规文本输入。
radio,定义单选按钮输入(选择多个选择之一)。
submit,定义提交按钮(提交表单)。
3、action 属性定义在提交表单时执行的动作。向服务器提交表单的通常做法是使用提交按钮。通常,表单会被提交到 web 服务器上的网页。如果省略 action 属性,则 action 会被设置为当前页面。
4、method 属性规定在提交表单时所用的 HTTP 方法(GET 或 POST)。
GET:表单提交是被动的(比如搜索引擎查询),并且没有敏感信息。使用 GET 时,表单数据在页面地址栏中是可见的。
POST:表单正在更新数据,或者包含敏感信息(例如密码),在页面地址栏中被提交的数据是不可见的。
5、<select> 元素(下拉列表)。
<textarea> 元素定义多行输入字段(文本域)。
<button> 元素定义可点击的按钮。
6、<input type="password"> 定义密码字段。
<input type="number"> 用于应该包含数字值的输入字段。
<input type="date"> 用于应该包含日期的输入字段。
<input type="color"> 用于应该包含颜色的输入字段。
<input type="range"> 用于应该包含一定范围内的值的输入字段。

代码注记:HTML表单中的type、method(图1)