• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    HTML的表单form以及form内部标签的使用

    复制代码
    代码如下:

    <html>
    <head>
    <title> form表单的使用 </title>
    <!--
    标签名称:form 表单标签
    属性:action:提交的去向,目标地址的url
    method:设置提交请求的方式,get和post;默认为get
    get和post提交有什么区别?------------------------
    get传输:将内容信息放在地址栏传输,而且长度限制在1k,而且安全性不好。
    post传输:将内容房子body信息中传输。没有长度限制。
    子标签:
    input标签:需要提交其中的value,必须有一个name属性。
    属性:type:password 等
    //------------
    通过下面的实例的演示,发现在某些情况下可以用form去做链接,而且做链接的同时还能提交数据到
    这个目标的地址文件上。
    fieldset标签:定义域
    legend标签:定义域的标题
    -->
    </head>
    <body>
    <fieldset>
    <legend>form表单标签,子标签实例:</legend>
    <form action="01列表.html" method="get">
    <table border="1px" width="800px">
    <tr>
    列表标签:

    <select name="cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="fiat" selected="selected">Fiat</option>
    <option value="audi">Audi</option>
    </select>

    </tr>
    <tr>
    复选框实例:

    我喜欢自行车:
    <input type="checkbox" name="Bike">

    我喜欢汽车:
    <input type="checkbox" name="Car">

    </tr>
    <tr>
    单选按钮:

    男性:
    <input type="radio" checked="checked" name="Sex" value="male">

    女性:
    <input type="radio" name="Sex" value="female">
    </form>
    <p>当用户点击一个单选按钮时,该按钮会变为选中状态,其他所有按钮会变为非选中状态。</p>
    </tr>
    <tr>
    文本域:

    <textarea rows="10" cols="30">文本域标签的使用</textarea>
    </tr>
    <tr>
    </tr>
    <tr>
    </tr>
    <tr>
    <td>账号:</td>
    <td>
    <input name="userid">
    </td>
    </tr>
    <tr>
    <td>密码:</td>
    <td>
    <input name="pwd">
    </td>
    </tr>
    <tr>
    <td>
    <input type="submit" value="确认提交"/>
    </td>
    <td>
    <input type="reset" value="重置"/>
    </td>
    </tr>
    </table>
    </form>
    </fieldset>
    </body>
    </html>

    只要是有name和value属性的标签都可以放在form内部,同时也可以将这些标签的数据提交到另一个url。
    上一篇:HTML头标签meta实现refresh重新定向
    下一篇:图片作为背景并且是链接的写法(背景图片加链接)
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    HTML的表单form以及form内部标签的使用 HTML,的,表单,form,以及,内部,