HTML表单基本内容

<!--
文本输入框：input type="text"
value：默认值
readonly：只读
-->
<p>名字：<input type="text" name="username" value="admin" readonly></p>

<!--密码输入框：input type="password"-->
<p>密码：<input type="password" name="pwd" maxlength="7" hidden></p>

<!--
提交框：input type="submit"
重置框：input type="reset"
-->
<p>
    <input type="submit" name="Submit" value="提交"></input>
    <input type="reset" name="Reset" value="重置"></input>
</p>
<!--
单选框：input type="radio"
value：单选框的值
name：单选框名称，这两个值相同，表示这是一组，就能实现单选，如果不写相同的组，就可多选
checked：默认选中
 -->
<p>性别
<input type="radio" value="boy" name="sex" checked>男
<input type="radio" value="girl" name="sex" disabled>女
</p>

<!--
多选框：input type="checkbox"
value：多选框的值
name：多选框名称，一组值的name必须是一样的，表示一组
checked：默认选中
 -->
<p>爱好
    <input type="checkbox" value="play" name="hobby" checked>玩
    <input type="checkbox" value="sleep" name="hobby">睡
</p>

<!--
按钮：input type="button"
图片按钮：input type="image"
value：按钮上添加文字
name：按钮名称
-->
<p>按钮
    <input type="button" value="点击边长" name="btn">
    <input type="image" src="../resource">
</p>

<!--
上传文件，文件域：input type="file"
name：表单名字
-->
<p>上传文件
    <input type="file" name="files">
    <input type="button" value="上传" name="upload">
</p>

<!--
邮件验证：input type="email"
url验证：input type="url"
数字验证：input type="number"， step：步长
滑块：input type="range"
搜索：input type="search"
-->
<p>邮箱
    <input type="email" name="email">
</p>
<p>url
    <input type="url" name="url">
</p>
<p>数字
    <input type="number" name="num" min="0" max="100" step="2">
</p>
<p>滑块
    <input type="range" name="voice" min="0" max="100" step="2">
</p>
<p>搜索
    <input type="search" name="search">
</p>

<!--
select：下来框
option：选项
selected：默认选择
-->
<p>下拉框
    <select name="列表名称" id="">
        <option value="China" selected>中国</option>
        <option value="us">美国</option>
        <option value="Japen">日本</option>
    </select>
</p>

<!--
textarea：文本域
cols：列
rows：行
-->
<p>反馈
    <textarea name="textarea" cols="30" rows="10">文本内容</textarea>
</p>

<!--
 增减鼠标可用性：lable
 for：地址输入id，点击lable就可以跳转到id那里
 -->
<p>
    <lable for="mark">你点我试试</lable>
    <input type="text" id="mark">
</p>