其他分享
首页 > 其他分享> > HTML5-文本框和单选框

HTML5-文本框和单选框

作者:互联网

表单元素格式:
指定元素的类型。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