HTML5-表单的应用、隐藏域、只读、禁用、增强鼠标可用性（点击文字就能选中文本框）

2022-06-15 17:02:41 阅读：274 来源： 互联网

表单应用：
隐藏域：hidden

只读：readonly

禁用：disabled

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>登录注册</title>
</head>
<body>
    
  <h1>注册</h1>
  
    
    <!-- 
    readonly：只读
    当在input中设置了readonly，那这个文本框不能输入值了，只能显示value中的值
    -->
<p>
  文本：
  <input type="text"  value="amde" readonly/>
  </p>
  <!--
    checked：默认值
        disabled：禁用，当设置了个这个，那设置了这个值的文本框，就不能再选中了
    -->
  
     <input type="radio" value="boy" name="sa" checked disabled/>男
  <input type="radio" value="girl" name="sa"/>女 
  <!--
    隐藏域：
        hidden:隐藏域
        作用：我们可以通过隐藏域，来设置默认值，比如:我设置密码的默认值只能为12345，别人无法去修改，那就可以用到这个
    
    -->
    <p>密码
    <input type="passwod" value="12345" hidden/> 
    
    </p>
  
  <!--增强鼠标可用性
    for:放进去的是文本框的id属性
 注：一个label标签只能对应一个文本框属性

    -->
  <label for="yg">
    <p>文本：
    <input type="text" id="yg" /> 
    </p></label>
  
  
    <!--
    submit:提交按钮
    reset：清空按钮
    -->
    <p>
    <input type="submit"/> 
    <input type="reset"/>
    </p>
  
    
  </form>
  
</body>
</html>

标签：只读,禁用,文本框,表单,HTML5,注册,文本,隐藏
来源： https://www.cnblogs.com/huxingchen/p/16378935.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

HTML5-表单的应用、隐藏域、只读、禁用、增强鼠标可用性（点击文字就能选中文本框）