网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的范文:

 

标题 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。
随便看

 

在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板,是学习及工作的有利工具。

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/5/14 16:13:36