HTML5属性：form表单属性的用法实例

!DOCTYPE html>
    html lang="en">
    head>
    meta charset="UTF-8">
    meta name="viewport" content="width=device-width, inITial-scale=1.0">
    meta http-equiv="X-UA-Compatible" content="ie=Edge">
    title>
    表单/title>
    /head>
    body>
    !-- 表单action：提交的网址 默认是当前的网址； 自定义method: 默认：get / post-->
    form action="" method="post">
    p>
    !-- 1.用户名 -->
    label for="">
    用户名：/label>
    input id="xx" type="text" placeholder="请输入" name="username">
    /p>
    p>
    !-- 2.密码 -->
    label for="">
    密&
    nbsp;
    &
    nbsp;
    &
    nbsp;
    &
    nbsp;
    码：/label>
    input type="password" name="pwd">
    /p>
    p>
    !-- 3.性别 -->
    label for="">
    性&
    nbsp;
    &
    nbsp;
    &
    nbsp;
    &
    nbsp;
    别：/label>
    input type="radio" name="sex" value="0">
    男input type="radio" name="sex" value="1">
    女/p>
    p>
    !-- 4.爱好 -->
    label for="">
    爱&
    nbsp;
    &
    nbsp;
    &
    nbsp;
    &
    nbsp;
    好：/label>
    input type="checkbox" name="like" value="0">
    妹子input type="checkbox" name="like" value="1">
    汉子input type="checkbox" name="like" value="2">
    健身input type="checkbox" name="like" value="3">
    游泳/p>
    p>
    !-- 5.上传文件 -->
    label for="">
    玉&
    nbsp;
    &
    nbsp;
    &
    nbsp;
    &
    nbsp;
    照：/label>
    input type="file" name="file">
    /p>
    p>
    !-- 6.下拉列表 -->
    label for="">
    籍&
    nbsp;
    &
    nbsp;
    &
    nbsp;
    &
    nbsp;
    贯：/label>
    select name="address" id="">
    option value="0">
    北京/option>
    option value="1">
    上海/option>
    option value="2">
    广东/option>
    option value="3" selected="selected">
    深圳/option>
    /select>
    /p>
    p>
    !-- 7.文本域 -->
    label for="">
    个人描述：/label>
    textarea name="info" id="" cols="30" rows="10">
    /textarea>
    /p>
    p>
    !-- 8.注册 -->
    input type="submit" value="注册">
    !-- 9.重置 -->
    input type="reset">
    !-- 10.隐藏域 -->
    input type="hidden" name="isVIP" value="yes">
    !-- 11.普通按钮 -->
    input type="button" value="普通按钮">
    /p>
    /form>
    /body>
    /html>
    

运行效果如下：

相关文章推荐：

html5的video（视频）和audio（音频）标签中的属性用法

HTML5的option属性：如何使用Option属性实现级联下拉列表

以上就是HTML5属性：form表单属性的用法实例的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！