3-8. 表单练习

  • 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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容