HTML表单属性
HTML表单属性介绍
HTML <form>元素属性
在HTML中，<form>元素有各种可用属性，分别是
HTML action属性
<form>元素的动作属性定义了提交表单时要在表单上执行的过程，或者它是一个用于处理表单信息的URI。
action属性值定义了进行信息处理的网页。可以是.php，.jsp，.asp等，也可以是您要处理表单的任何URL。
注意：如果动作属性值为空白，则表单将被处理到同一页面。
示例：
<form action="" method="post">
<label>User Name:</label><br>
<input type="text" name="name"><br>
<label>User Password</label><br>
<input type="password" name="pass"><br>
<input type="submit">
</form>
输出：
当您单击"提交"按钮时，它将重定向到新页面" action.html"
HTML method属性
方法属性定义浏览器用来提交表单的HTTP方法。方法属性的可能值为：
发布：当我们要处理敏感数据时，因为它不会在URL中显示已提交的数据，所以可以使用method属性的post值。
示例：
<form action="" method="post">
获取：提交表单时，方法属性的获取值是默认值。但这是不安全的，因为它在提交表单后会在URL中显示数据。
示例：
<form action="" method="get">
提交数据时，它将以以下形式显示输入的数据：
file:///D:/HTML/action.html?name=lidihuo&pass=123
HTML _self属性
目标属性定义提交表单后在何处打开响应。以下是用于target属性的关键字。
_self：：如果我们使用_self作为属性值，则响应将仅显示在当前页面中。
示例：
<form action="" method="get" target="_self">
_blank：：如果我们使用_blank作为属性，它将在新页面中加载响应。
示例：
<form action="" method="get" target="_blank">
HTML autocomplete属性
HTML自动完成属性是HTML5的新添加属性，它使输入字段能够自动完成。它可以有两个值"on"和"off"，以启用"ON"或"OFF"自动完成功能。自动填充属性的默认值为" on"。
示例：
<form action="" method="get" autocomplete="on">
示例：
<form action="" method="get" autocomplete="off">
注意：它可以与<form>元素和<input>元素一起使用。
HTML enctype属性
HTML enctype属性定义了在将表单提交给服务器时表单内容的编码类型。 enctype的可能值为：
应用程序/x-www-form-urlencoded ：如果表单中未包含enctype属性，则为默认编码类型。提交表单之前，所有字符均已编码。
示例：
<form action="" method="post" enctype="application/x-www-form-urlencoded" >
多部分/表单数据：它不编码任何字符。当我们的表单包含文件上载控件时使用它。
示例：
<form action="" method="post" enctype="multipart/form-data">
文本/纯文本（HTML5）：在此编码类型中，仅空格被编码为+符号，而其他任何特殊字符均未编码。
示例：
<form action="" method="post" enctype="text/plain" >
HTML5 novalidate属性
novalidate属性是HTML5的新添加的布尔值属性。如果我们在表单中应用此属性，则它将不执行任何类型的验证并提交表单。
示例：
<form action = "action.html" method = "get" novalidate>
输出：
尝试更改具有novalidate属性和不具有novalidate属性的表单细节，并查看区别。
HTML <input>元素属性
HTML name属性
HTML名称属性定义了输入元素的名称。提交表单时，name和value属性包含在HTTP请求中。
注意：一个人不应该忽略name属性，因为当我们提交表单时，HTTP请求同时包含name-value对，如果name不可用，它将不处理该输入字段。
示例：
<form action = "action.html" method = "get">
输入名字：<br><input type="name" name="uname"><br>
输入年龄：<br><input type="number" name="age"><br>
输入电子邮件：<br><input type="email"><br>
input type="submit" value="提交">
</form>
输出：
注意：如果您将不在任何输入字段中使用name属性，那么在提交表单时将不会提交该输入字段。
单击提交，然后查看HTTP请求中未包含电子邮件的URL，因为我们没有在电子邮件输入字段中使用名称属性。
HTML value属性
HTML值属性定义输入字段的初始值或默认值。
示例：
<form>
<label>输入您的姓名</label><br>
<input type="text" name="uname" value="Enter Name"><br>
<label>输入您的电子邮件地址</label><br>
<input type="text" name="uname" value="Enter email"><br>
<label>输入密码</label><br>
<input type="password" name="pass" value=""><br>
<input type="submit" value="login">
</form>
输出：
注意：在密码输入字段中，值属性始终不清楚
HTML5 required的属性
HTMLrequired的是布尔属性，它指定用户必须在提交表单之前填写该文件。
示例：
<form>
<label>输入您的电子邮件地址</label><br>
<input type="text" name="uname" required><br>
<label>输入密码</label><br>
<input type="password" name="pass"><br>
<input type="submit" value="login">
</form>
输出：
如果您尝试在不填写电子邮件字段的情况下提交表单，则会弹出错误消息。
HTML5 autofocus属性
自动聚焦是一个布尔属性，可以使网页加载时自动聚焦。
示例：
<form>
<label>输入您的电子邮件地址</label><br>
<input type="text" name="uname" autofocus><br>
<label>输入密码</label><br>
<input type="password" name="pass"><br>
<input type="submit" value="login">
</form>
HTML5 placeholder属性
占位符属性在输入字段中指定文本，该文本将通知用户有关该字段的预期输入。
占位符属性可以与文本，密码，电子邮件和URL值一起使用。
当用户输入值时，占位符将被自动删除。
示例：
<form>
<label>输入您的姓名</label><br>
<input type="text" name="uname" placeholder="Your name"><br>
<label>输入您的电子邮件地址</label><br>
<input type="email" name="email" placeholder="example@gmail.com"><br>
<label>输入密码</label><br>
<input type="password" name="pass" placeholder="your password"><br>
<input type="submit" value="login">
</form>
输出：
HTML disabled属性
应用了HTML禁用属性后，它将禁用该输入字段。禁用字段不允许用户与该字段进行交互。
禁用的输入字段不会收到点击事件，并且在提交表单时不会将这些输入值发送到服务器。
示例：
<input type="text" name="uname" disabled><br>
输出：
HTML size属性
大小属性控制以键入字符表示的输入字段的大小。
示例：
<label>帐户持有人姓名</label><br>
<input type="text" name="uname" size="40" required><br>
<label>帐号</label><br>
<input type="text" name="an" size="30" required><br>
<label>CVV</label><br>
<input type="text" name="cvv" size="1" required><br>
输出：
具有不显示属性的注册表格
HTML form属性
HTML表单属性允许用户指定表单外的输入内容，但仍保留父表单的一部分。
示例：
User email: <br><input type="email" name="email" form="fcontrol" required><br>
<input type="submit" form="fcontrol">
输出：
电子邮件字段在表单之外，但仍将保留在表单中
