3-8. 表单练习

作者: 一Left一 | 来源:发表于2017-11-10 10:55 被阅读11次
  • fieldset标签:可以给表单添加一个边框
  • legend标签:可以给边框指定一个标题
  • fieldset写在form中
  • legend紧跟fieldset的开始标签
<body>
<!--
fieldset: 给表单增加一个边框
legend: 给边框增加一个主题,紧紧跟在fieldset之后
-->
<form action="">
    <fieldset>
        <legend>我们约会吧,报名表</legend>
        姓名: <input type="text">
        <br>
        年龄: <input type="number"><br>
        性别: 男 <input type="radio" name="sex" checked="checked" value="male"> 女 <input type="radio" name="sex"><br>
        婚姻状况:
        <select>
            <option >已婚</option>
            <option selected="selected">单身</option>
            <option >离异</option>
        </select>
        <br>
        体育爱好: 篮球 <input type="checkbox" name="love" checked="checked">  游泳<input type="checkbox" name="love">  跑步 <input type="checkbox" name="love">
        <br>
        自我描述: <textarea cols="20" rows="10"></textarea>
        <br>
        生日: <input type="date">
        <br>
        邮箱: <input type="email">
        <br>
        电话: <input type="number">
        <br>
        <input type="submit" value="报名">
        <input type="reset" value="重新填写">
    </fieldset>
</form>
</body>
图片.png

http://www.w3school.com.cn/tags/tag_select.asp
http://www.w3school.com.cn/tags/tag_textarea.asp
http://www.w3school.com.cn/tags/tag_option.asp
http://www.w3school.com.cn/html/html_form_elements.asp

相关文章

网友评论

    本文标题:3-8. 表单练习

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