扩展阅读
  • java命名空间javax.swing.text.html类html.tag的类成员方法: html定义及介绍
  • 基于HTML5的幻灯片 html5slides
  • java命名空间javax.swing.text.html类html.tag的类成员方法: html.tag定义及介绍
  • 基于 KBEngine 的 HTML5 插件 kbengine_html5
  • java命名空间javax.swing.text.html类html.unknowntag的类成员方法: html.unknowntag定义及介绍
  • 让 IE 支持 HTML5 html5shim
  • java命名空间javax.swing.text.html类htmleditorkit.inserthtmltextaction的类成员方法: html定义及介绍
  • HTML文档格式化工具 HTML Tidy
  • java命名空间javax.swing.text.html类html的类成员方法: getallattributekeys定义及介绍
  • HTML5 在线工具 html5demos
  • java命名空间javax.swing.text.html.parser类dtd的类成员方法: html定义及介绍
  • 框架网页中如何使用sendredirect(a.html),使得a.html不显示在框架中,是整页显示!
  • java命名空间javax.swing.text.html类html.tag的类成员方法: comment定义及介绍
  • Sar数据转HTML Sar2html
  • java命名空间javax.swing.text.html类html.attribute的类成员方法: color定义及介绍
  • 关于editplus的使用,编译完生成.class后,我又编写了html来执行applet,将其保存,如何经ie解释打开(直接在editplus上操作)不是显示html语言呀
  • java命名空间javax.swing.text.html类html.attribute的类成员方法: vlink定义及介绍
  • python实现html转ubb代码(html2ubb)
  • java命名空间javax.swing.text.html类html.attribute的类成员方法: rel定义及介绍
  • asp.net去除HTML标签删除HTML小例子
  • java命名空间javax.swing.text.html类html.attribute的类成员方法: src定义及介绍
  • 用正则查找html中有id属性的html标签
  •  
    当前位置:  Web服务器/前端>html/css

    html form标签用法(js操作form)介绍及代码示例

     
        发布时间:2013-9-26  


        本文导语:  <form> 标签用于为用户输入创建 HTML 表单。表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。表单用于向服务器传输数据。 ...

        <form> 标签用于为用户输入创建 HTML 表单

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

    表单还可以包含 menustextareafieldsetlegend去除HTML标签删除HTML示例代码 iis7站长之家 元素。

    表单用于向服务器传输数据。

       在Javascript 中,页面上的每一对<form> 标记都解析为一个对象,即form 对象。

    可以通过document.forms 获取以源顺序排列的文档中所有form 对象的集合

       如果一个表单对象定义如下:

    <form name="frm1" method="post" action="/article/login.html">

    获得该表单对象的方法

    1) document.forms["frm1"];   // 根据name属性值
    2) document.forms[0];        // 根据索引号
    3) document.frm1;            // 直接根据name值获得对象

      form 表单应该注意的属性

    elements:获取以源顺序排列的给定表单中所有控件的集合。但是<input  type="image" > 对象不在此集合内。


    var txtName = myform.elements[0];         //获得表单的第一个元素
    var txtName = myform.elements["txtName"]; //获得name属性值为"txtName"的元素
    var txtName = myform.elements.txtName;    //获得name属性值为"txtName"的元素


    Html form 标签示例代码一:

    <form action="/article/form_action.html" method="get">
      <p>First name: <input type="text" name="fname" /></p>
      <p>Last name: <input type="text" name="lname" /></p>
      <input type="submit" value="Submit" />
    </form>

    Html form 标签示例代码二:

    <form id="myform" method="post" action="/article/myform.html">
            <fieldset>
                    <legend>用户名:</legend>
                    <label for="username">用户名:</label>
                    <input type="text" id="username" name="username" />
            </fieldset>
            <fieldset>
                    <legend>密码:</legend>
                    <label for="pass">密码:</label>
                    <input type="password" id="pass" name="pass" />
            </fieldset>
    </form>

    Html form 标签示例代码三:

    <form action="" method="get">
    性别:<br />
    <input name="sex" id="man" type="radio" value="" />
    <label for="man">男</label>
    <input name="sex" id="woman" type="radio" value="" />
    <label for="woman">女</label>
    </form>


    • 本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
      本站(WWW.)站内文章除注明原创外,均为转载,整理或搜集自网络.欢迎任何形式的转载,转载请注明出处.
      转载请注明:文章转载自:[169IT-IT技术资讯]
      本文标题:html form标签用法(js操作form)介绍及代码示例
    相关文章推荐:
  • html中<radio>单选按钮控件标签用法解析及如何设置默认选中
  • jquery操作HTML5 的data-*的用法实例分享
  • HTML 5 的<!--...--> 注释标签用法详细介绍
  • HTML 5 <acronym> 标签定义用法详解
  • HTML 5 <button> 按钮标签详细介绍及用法举例
  • HTML <!DOCTYPE> 标签用法详解及如何解决<!DOCTYPE html>未声明时导致页面无效的问题
  • HTML 5 <abbr> 标签定义用法及举例
  • HTML 5 <aside> 标签定义和用法详细介绍及举例
  • HTML 5 <article> 标签定义用法及使用情景举例
  • html中<checkbox>标签用法解析及如何设置checkbox复选框的默认选中状态
  • HTML <a> 标签用法详解
  • HTML 文档各种元素用法介绍
  • html中<select>标签用法解析及如何设置select的默认选中状态
  • HTML <head>头标签的作用及用法详细介绍
  • HTML URL 链接 ( 统一资源定位器 )定义及用法详细介绍
  • HTML 脚本语言介绍及<script>标签用法
  • HTML 各种表单和输入框用法介绍
  • HTML 表格标签样式用法详细介绍
  • HTML基本常用标签及用法速查列表


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3