lovecoding
/
Vip0525


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      /* input {
            width: 300px;
            height: 200px;
        } */
    </style>
  </head>
  <body>
    <!-- 
        form 表单标签
            属性：action 提交内容到后台
            输入框：
                input
                    属性：placeholder提示信息
                    type 类型
                        1.text 文本类型
                        2.password 密码
                        3.submit 提交按钮
                        4.reset 重置按钮
                        5.button 自定义按钮 配合value属性使用
                        6.radio 单选格式 需要设置相同的name属性值
                        7.checkbox 多选格式 checked默认选择 禁止选择
     -->
    <form action="">
      <input type="text" placeholder="请输入您的手机号" />
      <input type="password" />
      <input type="submit" />
      <input type="reset" />
      <input type="button" value="哈哈哈" />
      <br /><br />
      <input type="radio" name="aaa" />男 
      <input type="radio" name="aaa" />女
      <br /><br />
      <input type="checkbox" />篮球
       <input type="checkbox" disabled />足球
      <input type="checkbox" checked />羽毛球
       <input type="checkbox" />网球
      <input type="checkbox" />排球
      <!-- 
            button 按钮标签
         -->
      <button>登录</button>
      <!-- 
            下拉框
                select 与 option 搭配使用
                option中value的值是绑定数据进行联调
                disabled 禁止选择
                selected 默认选中
          -->
      <select>
        <option value="1">小学</option>
        <option value="2">初中</option>
        <option value="3">高中</option>
      </select>
      <!-- 文本域
            textarea 
                rows 行
                cols 列
                maxlength 最大输入长度
        -->
      <textarea rows="20" cols="30" maxlength="10"></textarea>
    </form>
  </body>
</html>