2021/10/21 【016】 form标签：autocomplete属性，target属性，value属性，autofocus属性，disabled属性，readonly属性

16.1 自动填充 autocomplete 属性

　　<form action="welcome.php" method="post" autocomplete="off">
　　　　你叫什么名字：<input type="text" name="name"><br><br>
　　　　你是不是基佬：<input type="text" name="gay"><br><br>
　　　　<button type="submit">提交</button>
　　</form>

　　OR

　　<form action="welcome.php" method="post" autocomplete="off"> 
　　　　你叫什么名字：<input type="text" name="name" autocomplete="on"><br><br>
　　　　你是不是基佬：<input type="text" name="gay"><br><br>
　　　　<button type="submit">提交</button>
　　</form>

 

16.2 指定目标显示位置 target 属性

　　<form action="welcome.php" method="post" target="_blank">

 

16.3 设置默认值 value 属性

　　<form action="welcome.php" method="post">

　　　　性别：<input type="text" name="sex" autocomplete="on" value="女">

 

16.4 自动聚焦 autofocus

　　<form action="welcome.php" method="post">

　　　　名字：<input type="text" name="name" autofocus>

 

16.5 禁用元素 disabled 属性

　　<form action="welcome.php" method="post">

　　　　性别：<input type="text" name="sex" autocomplete="on" value="女" disabled>

 

16.6 readonly 属性 禁止修改

　　<form action="welcome.php" method="post">

　　　　性别：<input type="text" name="sex" autocomplete="on" value="女" readonly>

 

readonly 跟 disabled 属性看上去有点类似，同样使得元素无法被修改，但它俩实际上是不同的：

• disabled 属性是将整个元素废掉，在提交表单的时候压根儿对其视而不见
• 而 readonly 虽然说没法改，但它还是会被提交上去的