表单的应用

表单的应用

 

隐藏域（hidden)

注释：

隐藏了文本框，看不到了

代码：

<p>密码：<input type="password" name="pwd" hidden></p>
​

 

 

 

 

只读(readonly)

注释：

加了readonly的，默认值已被固定，无法重写！

代码：

<p>名字：<input type="text" name="username" value="阿凡达" readonly></p>
​

 

 

 

 

 

 

禁用(disabled)

注释：

无法点击，但是可以看到

 

代码：

<input type="submit" disabled>

 

 

 

 

 

 

扩充：

为了增强鼠标的可读性，我们可以使用label标签，点击之后，鼠标会直接跳转到文本框！

注释：

文字要放在label标签的中间！
for后面加路径，路径写在input标签里面

代码：

 <label for="snow">雪中绝色</label>
 <input type="text" id="snow">