HTML5   发布时间:2022-04-25  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Html5学习之Form大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

    form是块级元素 其前后会产生折行-用于为用户输入创建 HTML 表单 向服务器传输数据

    表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。

    表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。

    http://www.w3school.com.cn/html5/html_5_form_attributes.asp

    http://www.w3school.com.cn/tags/tag_form.asp

    http://www.w3school.com.cn/jsref/dom_obj_form.asp

   

  

<!DOCTYPE html>
<html>
<head lang="en">
    <Meta charset="utf-8">
    <title>表单</title>
</head>
  <body>
    <form>
        <p>输入框</p>
        用户名: <input type="text" placeholder="user"> <br/><br/>
        密码:   <input type="password"> <br/>
        日期: <input type="datetiR_658_11845@e-local"><br/>
        <br/><br/><br/>
        <!--input元素-->
        <!--选框类型中name属性以区分选择组 name值为相同的为一组
                     checked=""表示已选中-->
        复选框<br>
        <input type="checkBox" name="fruits" value="apple"> 苹果<br/>
        <input type="checkBox" name="fruits" > 香蕉<br/>
        <input type="checkBox" name="fruits" checked=""> 梨<br/>
        <br/><br/><br/>
        单选框 <br/>
        姓别<br/>
        <input type="radio" name="sex" value="man" checked="checked">男<br/>
        <input type="radio" name="sex" value="female">女<br/><br/>
        围绕数据<br/>
        <fieldset>
          <legend>选科</legend>
          <input type="radio" name="stu">理科<br/>
          <input type="radio" name="stu">文科<br/>
        </fieldset>


        数据对象<br/>
        <input type="number" value="5" min="1" max="99"><br/><br/>
        滑块控件<br/>
        <input type="range"><br/><br/>
        搜索控件<br/>
        <input type="search" id="mySearch" placeholder="search"><br/><br/>


        <br/><br/><br/>
        选择框<br/>
        <SELEct>
            <option>请选择</option>
            <option>aaaaa</option>
            <option>bbbbb</option>
            <option>ccccc</option>


        </SELEct>
        <br/><br/><br/>
        文本输入框<br/>
        <!--http://www.w3school.com.cn/tags/tag_textarea.asp-->
        <textarea  cols="20" rows="10" placeholder="请输入备注">请输入备注请输入备注请输入备注请输入备注请输入备注请输入备注请输入备注请输入备注请输入备注请输入备注请输入备注请输入备注请输入备注请输入备注请输入备注请输入备注请输入备注请输入备注请输入备注请输入备注请输入备注请输入备注请输入备注请输入备注请输入备注请输入备注请输入备注请输入备注请输入备注请输入备注请</textarea>
        <input type="button" value="button"><br/>
        <input type="submit" value="确定"><br/>


    </form>

<span style="font-family: Arial,Helvetica,sans-serif;"> </body></span>
</html>

大佬总结

以上是大佬教程为你收集整理的Html5学习之Form全部内容,希望文章能够帮你解决Html5学习之Form所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。