美文网首页
HTML-表单(form)

HTML-表单(form)

作者: 琛琛的脚后跟 | 来源:发表于2016-04-01 18:09 被阅读0次

    <form>表单用于搜集不同类型的用户输入。即是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。

    1.文本域(text),当用户要在表单中键入字母、数字等内容时,就会用到文本域。

    <form>

    昵称:<input type="text" name="nicheng"/>

    简介:<input type="text" name="jianjie"/>

    </form>

    显示结果:

    2.多行文本域(textarea)

    <form>

        建议:<input type="textarea">

    <form/>

    3.密码(password)

    <form>

    密码:<input type="password"/>

    </form>

    显示结果:我手动输入了几个字符

    4.单选按钮(Radio Buttons)

    <form>

       <input type="radio" name="sex" value="male" checked/>男

       <input type="radio" name="sex" value="female"/>女

    <form/>

    显示结果:

    checked表示默认选中,当name相同的情况下,单选才生效。

    5.复选框(Checkboxes)

    <form>

       <input type="checkbox" name="bike"/>I have a bike

       <input type="checkbox" name="car"/>I have a car

    </form>

    显示结果:

    6.提交按钮(submit)和取消按钮(reset)

    <form>

    <input type="submit" value="确定"/>

    <input type="reset" value="取消"/>

    </form>

    显示结果:

    7.下拉

    <select>

    <option value="course">语文</option>

    <option value="course">数学</option>

    <option value="course">英语</option>

    </select>

    显示结果:

    相关文章

      网友评论

          本文标题:HTML-表单(form)

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