HTML5-文本框和单选框

2022-06-15 14:33:35 阅读：210 来源： 互联网

标签：单选框 text 元素文本框表单 radio HTML5 password type

表单元素格式：
指定元素的类型。text、password、checkbox、radio、submit.reset、file、hidden、image和button，默认为text
name：指定表单元素的名称
value：元素的初始值。type为radio时必须指定一个值
size指定表单元素的初始宽度。当type 为text或 password时，表单元素的大小以字符为单位。对于其他类型，宽度以像素为单位 
maxlength：type为text或 password 时，输入的最大字符数
 checked type为radio或checkbox时，指定按钮是否是被选中

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>登录注册</title>
</head>
<body>
    
  <h1>注册</h1>
  <!--表单form
    value:填了这个后，会把这个的内容当文本框的默认值初始值显示
      size：文本框的长度
        maxlength:输入的字符长度
    
    -->
  <form action="我的第一个网页.html" method="get">
    <!--文本输入框：input type="text"-->
  <p>名字：<input type="text"name="username" value="hu44455" maxlength="8",size="30"/> </p>
    <!--密码框：input type="password"-->
  <p>密码：<input type="password" name="userpwd" size="30"/></p>
  <p>性别</p>
    <!--
    注意：定义单选框时，必须要写type=radio,有value,value表示为单选框的值，外面的性别是用来修饰的，name,设置name属性是因为，name属性相同的话，代表他们是一个分组的，是一个分组的才能单选，不是的话，两个都可以点
    -->
    <input type="radio" value="boy" name="sa"/>男
    <input type="radio" value="girl" name="sa"/>女
    <p>
    <!--
    submit:提交按钮
    reset：清空按钮
    -->
    <input type="submit"/>
    <input type="reset"/>
    </p>
    
  </form>
  
</body>
</html>

标签：单选框,text,元素,文本框,表单,radio,HTML5,password,type
来源： https://www.cnblogs.com/huxingchen/p/16378343.html

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

ICode9

HTML5-文本框和单选框