<form> 标签用于为用户输入创建 HTML 表单。
表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。
表单还可以包含 menus、textarea、fieldset、legend 和 去除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>