美文网首页
前端(表单)

前端(表单)

作者: ARanEs | 来源:发表于2018-08-14 15:04 被阅读0次
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
    <style type="text/css">
    
    </style>
</head>
<body>
    <form action="" method="get">
        <fieldset>
            <legend>用户信息</legend>
            <label for="u">用户名</label> 
            <input id="u" type="text" name="username">
            <br>
            <br>
            密码<input type="pwd" name="pwd">
            <br>
            <br>
        </fieldset>
        性别<input type="radio" name="gender" value="male">男
        <input type="radio" name="gender" value="famale">女
        <br>
        <br>
        爱好<input type="checkbox" name="hobby" value="zq">足球
        <input type="checkbox" name="hobby" value="lq">篮球
        <input type="checkbox" name="hobby" value="wq">网球
        <br>
        <br>
        你喜欢的明星
        <select name="star" id="">
            <optgroup label="男明星">
                <option value="yt">尹天</ytoption>
                <option value="yt" selected="selected">尹天</option>
                <option value="yt">尹天</option>
            </optgroup>
            <optgroup label="女明星">
                <option value="cy">程宇</option>
                <option value="cy" selected="selected">程宇</option>
                <option value="cy">程宇</option>
            </optgroup>
        </select>
        <br>
        <br>
        自我介绍<textarea name="info"></textarea>
        <br>
        <br>
        <button type="submit">提交</button>
        <button type="submit">提交</button>
        <button type="submit">提交</button>

        <br>
        <br>
        <input type="submit">
    </form>
</body>
</html>
image.png

相关文章

  • React从零开始(4)——表单和列表

    表单是前端开发中必不可少的组件,React作为前端框架,如果不能处理表单,就会被亿万的前端工程师吐槽的。然而Rea...

  • 前端(表单)

  • 前端表单

    input 是我们使用最多的表单项,可以根据不同的tupe 属性呈现不同的状态。type属性可选值:-text:文...

  • 前端(表单)

    表单的基本设置 表单 1,现实生活中的表单是用来提交信息的,比 如:办理银行卡填写的申请表、找工作填 写的简历、入...

  • 前端——表单

    表单 现实中表单用来提交信息的如:办卡的申请表,打工填写的简历,入学的个人信息等都可以算是一个表单 网页中的表单是...

  • mysql扩展应用案例

    添加新闻表单 1)用户获取一个可以添加新闻表单的html文件 拿到前端的表单,修改表单项action 2)用户提交...

  • Django学习-第十三讲(下):表单(一)forms.form

    1. html表单和django中的表单的区别 HTML中的表单: 单纯从前端的html来说,表单是用来提交数据给...

  • 前端开发收集 - 收藏集 - 掘金

    Ajax 与数据传输 - 前端 - 掘金背景 在没有ajax之前,前端与后台传数据都是靠表单传输,使用表单的方法传...

  • Java - 收藏集 - 掘金

    强大的 Angular 表单验证 - 前端 - 掘金Angular 支持非常强大的内置表单验证,maxlength...

  • JavaScript之操作表单(验证)

    八、操作表单(验证) 目录:获得和设置表单的值、表单验证及前端MD5加密 1.获得和设置表单的值 1)表单是什么表...

网友评论

      本文标题:前端(表单)

      本文链接:https://www.haomeiwen.com/subject/frlvbftx.html