表单 - 简书

<input type="text"> 文本框
<input type="submit"> 按钮

<body>
<form action="模拟后台服务器.html">
    用户名 <input type="text" name="username">
    用户名 <input type="text" name="hello">
    <br>
    <input type="submit">
</form>
</body>

value 值作为input默认值
placeholder 提示文字
radio 单选
checkbox 多选
name 分组
select下的option 下拉菜单
selected option勾选默认值
multiple 可多选下拉列表（ctrl键同时选中多个）
textarea 多行文本域

reset 重置
button 按钮

  <form action="模拟后台服务器.html">
    用户名 <input type="text" name="username" >
    <br>
    密码 <input type="password">
    <br>
    性别 <input type="radio" name="gender" value="male">男
         <input type="radio" name="gender " value="female">女
    <br>
    爱好 <input type="checkbox" name="hobby" value="tq"> 台球
         <input type="checkbox" name="hobby" value="pq" checked="checked"> 排球
         <input type="checkbox" name="hobby" value="lq"> 篮球
         <input type="checkbox" name="hobby" value="wq" checked="checked"> 网球
    <br>
    你喜欢的明星
    <select name="blackpink" multiple="multiple">
        <optgroup label="BLACK">
            <option value="lj" >Lisa</option>
            <option value="zn" selected="selected">Jeenie</option>
        </optgroup>
        <optgroup label="PINK">
            <option value="ls">Rose</option>
            <option value="js">Jisoo</option>
        </optgroup>
    </select>
    <br>
    自我介绍 <textarea></textarea>
    <br>
    <input type="submit" value="注册">
    <input type="reset">
    <input type="button" value="按钮">
    <br>
    <button type="submit">提交</button>
    <button type="reset">重置</button>
    <button type="button">按钮</button>
</form>

表单

推荐阅读更多精彩内容