首页 > 网站 > WEB开发 > 正文

HTML5-表单的创建

2024-04-27 14:27:51
字体:
来源:转载
供稿:网友

HTML5-表单的创建

<!-- 文本-->, <!-- 复选框-->,<!-- 单选按钮-->,

<!-- 下拉菜单,select:选择,option:选项-->

<!-- 按钮:type="button" value="按钮!":类型-按钮,值-按钮。-->

<!-- textarea:文本域,cols:列,rows:行-->


<!DOCTYPE html><html><head lang="en">    <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">        鸭梨<input type="checkbox">        <!-- 复选框-->        <br/>        请选择你的性别:        <br/>        男:<input type="radio" name="sex">        女:<input type="radio" name="sex">        <!-- 单选按钮-->        <br/>        请选择你常用的网站:        <!-- 下拉菜单,select:选择,option:选项-->        <select>            <option>www.jikexueyuan.com</option>            <option>www.baidu.com</option>            <option>www.googl.com</option>            <option>www.QQ.com</option>            <option>www.yy.com</option>        </select>        <br/>        <!-- 按钮:type="button" value="按钮!":类型-按钮,值-按钮。-->        <input type="button" value="按钮!">        <input type="submit" value="提交.">    </form>    <!-- textarea:文本域,cols:列,rows:行-->    <textarea cols="30" rows="30">请在此填写个人信息:</textarea></body></html>


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表