HTML5学习之八常见表单

来源：互联网发布：电脑桌面图片制作软件编辑：程序博客网时间：2024/06/06 09:20

1、复选框

2、单选按钮

3、下拉列表

4、文本域

5、创建按钮（包含提交按钮）

效果显示：

代码：

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>表单</title></head><body>    <form>        用户名：        <input type="text">        <br/>        密码：        <input type="password">        <br/>        你喜欢的水果有？        <br/>        苹果<input type="checkbox">        西红柿<input type="checkbox">        香蕉<input type="checkbox">        <br/>        请选择您的性别：        男<input type="radio" name="sex">        女<input type="radio" name="sex">        <br/>        请选择您常用的网站        <select>            <option>http://jsai2016.ujs.edu.cn/</option>            <option>http://www.baidu.com/</option>            <option>http://jsai2016.ujs.edu.cn/</option>        </select>        <br/>        <input type="button" value="提交">        <input type="submit">    </form>    <textarea cols="30" rows="30">请再次填写个人信息</textarea></body></html>

0 0