Input 标签的 type 属性值
单行文本域 <input type="text" />
图像域 (图像提交按钮)
下拉菜单和列表标签
select 标签属性
form 标签
- <!DOCTYPE html>
- <HTML lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Document</title>
- </head>
- <body>
- <h1 align="center"> 注册信息 </h1>
- <hr color="#336699" />
- <form action="action.php" method="post" name="reg" enctype="multipart/form-data">
- <table width="600px" bgcolor="#f2f2f2" align="center">
- <tr>
- <td align="right"> 姓名:</td>
- <td><input type="text" name="username" size="25" maxlength="6" placeholder="请输入姓名" /></td>
- </tr>
- <tr>
- <td align="right"> 邮箱:</td>
- <td><input type="text" name="email" value="@163.com" /></td>
- </tr>
- <tr>
- <td align="right"> 密码:</td>
- <td><input type="password" name="password" size="25" maxlength="6" placeholder="请输入密码" /></td>
- </tr>
- <tr>
- <td align="right"> 确认密码:</td>
- <td><input type="password" name="repassword" size="25" maxlength="6" placeholder="请再次输入密码" /></td>
- </tr>
- <tr>
- <td align="right"> 上传照片:</td>
- <td><input type="file" nanem="file" /></td>
- </tr>
- <tr>
- <td align="right"> 性别:</td>
- <td>
男 < input type="radio" name="gender" value="0">
女 < input type="radio" name="gender" value="1">
保密 < input type="radio" name="gender" value="2" checked>
- </td>
- </tr>
- <tr>
- <td align="right"> 爱好:</td>
- <td>
读书 < input type="checkbox" name="hobby" value="0">
跳舞 < input type="checkbox" name="hobby" value="1">
唱歌 < input type="checkbox" name="hobby" value="2">
- </td>
- </tr>
- <tr>
- <td align="right"> 城市:</td>
- <td>
- <!-- 下拉菜单 -->
- <select name="city" id="city">
- <option value="null"> 请选择 </option>
- <option value="0"> 北京 </option>
- <option value="1"> 上海 </option>
- <option value="2" selected > 广州 </option>
- <option value="3"> 深圳 </option>
- </select>
- <!-- 列表展示 -->
- <select name="city2" id="city2" size="3" multiple>
- <option value="0"> 北京 </option>
- <option value="1"> 上海 </option>
- <option value="2"> 广州 </option>
- <option value="3"> 深圳 </option>
- </select>
- <!-- 分组下拉菜单 -->
- <select name="city3" id="city3">
- <option value="null">-- 请选择 --</option>
- <optgroup label="g1">
- <option value="0"> 北京 </option>
- <option value="1"> 上海 </option>
- </optgroup>
- <optgroup label="g2">
- <option value="2"> 广州 </option>
- <option value="3"> 深圳 </option>
- </optgroup>
- </select>
- </td>
- </tr>
- <tr>
- <td align="right"> 简介:</td>
- <td>
- <textarea name="about" id="about" cols="50" rows="6" placeholder="请输入个人简介"></textarea>
- </td>
- </tr>
- <tr>
- <td align="center" colspan="2">
- <input type="button" value="来点我" name="button">
- <input type="submit" name="submit">
- <input type="reset" name="submit">
- <input type="image" name="imageBtn" src="button.png" width="70px">
- </td>
- </tr>
- <tr>
- <td>
- <input type="hidden" name="hidden" value="注册信息补充" />
- </td>
- <td></td>
- </tr>
- </table>
- </form>
- </body>
- </HTML>
来源: http://www.bubuko.com/infodetail-3399724.html