lovecoding
/
W0407


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <!-- 
        表单 form 
               属性 action 将表单中的数据提交到服务端上（一般不用）
            输入框  input 行内块元素
                属性
                placeholder 提示信息 并不会影响输入框的使用
                type:
                    text 输入框
                    password 密码
                    submit  提交按钮
                    reset   重置按钮
                    button  自定义按钮; value 自定义内容
                    radio   单选;  name名称相同
                    checkbox 多选; checked 默认选中;  disabled 禁止选中

        
            下拉框
                select 与 option 一起组成
                默认选择 selected
                禁止选中 disabled

            文本域
            textarea
             
            rows 行
            clos 列
            maxlength 最大输入长度
     -->
  
    <form>
        <input type="text" placeholder="请输入你的名字">
        <br>
        <input type="password">
        <br>
        <input type="submit">
        <br>
        <input type="reset">
        <br>
        <input type="button" value="请点击">
        <br>
        <input type="radio" name="aa">男
        <input type="radio" name="aa">女
        <br>
        <input type="checkbox">篮球
        <input type="checkbox" checked>网球
        <input type="checkbox" disabled>羽毛球
        <input type="checkbox">足球
        <br>
        <select>
            <option value="1">小学</option>
            <option value="2" disabled>初中</option>
            <option value="3" selected>高中</option>
            <option value="4">大学</option>
        </select>
        <br>
        <textarea cols="30" rows="40" maxlength="10"></textarea>
    </form>
</body>
</html>