form表单的属性方法

1.form表单:<form></form>action:用户提交的数据提交到的位置【指定的页面】method:用户的提交方式post：传输的数据量更大，更安全get：反之传输的数据量更小
2.<input/>type：指定的表单项的类型password：密文域    radio：单选按钮text:文本域         checkbox:多选按钮submit：提交按钮     file：本地文件上传reset：重置按钮        name：名称value：默认值      readonly：只读disabled：禁用    checked：默认选中，单选 / 多选selected:下拉项默认选中<select></select>下拉菜单<option></option>下拉项<textarea></textarea>大文本域
3.input表单项placeholder代替value显示的内容fieldset：对表单的内容进行分组legend：对fieldset分组的内容进行命名<h1>form 表单</h1><form action="" method="post"><h2>注册</h2>用户名:<input type="text" name="username" value="小芳" readonly/><br/><br/>密&nbsp;&nbsp;&nbsp;码:<input type="password" name="userpass" disabled/><br/><br/>性别:<input type="radio" name="sex" value="0"/>男  <input type="radio" name="sex" value="1"/>女  <input type="radio" name="sex" checked value="2"/>妖<br/><br/>爱好:<input type="checkbox" name="hobby[]" checked value="0"/>吃<input type="checkbox" name="hobby[]"  checked value="1"/> 睡成猪<input type="checkbox" name="hobby[]" value="2"/>LOL<br/><br/>大头贴:<input type="file" name="pic" /><br/><br/>国家:<select name="address"><option  value="0">China</option><option selected value="1">American</option><option value="2">Japan</option></select><br/><br/>地区:<input type="text" name="address1" list="mylist"/><datalist id="mylist"><option value="山西">山西</option><option value="洪洞">洪洞</option><option value="河南">河南</option><option value="南阳">南阳</option></datalist><br/><br/>个性签名:<textarea name="jianjie" rows="5" cols="40">真好看</textarea><input type="submit" value="登录"/>&nbsp;&nbsp;&nbsp;<input type="reset" value="取消"/></form>

form表单的属性方法相关推荐

html表单的常用属性有哪些,html/form表单常用属性认识
1.form表单常用属性练习 .form1 { margin: auto; height: 900px; width: 500px; text-align: center; line-height: ...
php ajax form表单提交,Ajax方法实现Form表单提交的方法
这次给大家带来Ajax方法实现Form表单提交的方法,Ajax方法实现Form表单提交的注意事项有哪些,下面就是实战案例,一起来看一下. 写在前面的话在使用form表单的时候,一旦点击提交触发sub ...
Form表单method属性的两种提交方式Get和Post的区别
Mothod属性是控制表单的提交方式的. 表单提交方式有两种:post方式的提交,get方式提交(默认的方式). 两者的区别: 1.get方式的提交,表单元素对应的值会以?key=value& ...
form表单间接提交方法
今天在编写页面的时候遇到了一个小问题代码如下, ` <form id="login_form" method="post" ><div cla ...
form 表单 onsubmit 属性
Html中form表单有一个onsubmit属性: 当onsubmit的值为return true时,单击提交按钮,会直接打开action指定的连接当onsubmit的值为return false时 ...
原生js实现form表单序列化的方法
当我们有form表单而且里面的表单元素较多时,咱们总不能一个个去获取表单元素内的值来进行拼接吧!这样会很让人蛋疼!为了方便与后台交互并且提高自己的开发效率,并且不让你蛋疼:我们一起用原生来写一个表单序 ...
form表单的使用方法及说明
目录什么是form表单页面跳转 input标签 label的含义多行文本输入框按钮单选框与复选框分组标题分组下拉菜单什么是form表单 form表单是一个较为复杂的系统标签,其内部又可 ...
form表单target属性运用
form表单的target,当iframe设置为隐藏时,可以实现当前页表单提交而部进行跳转刷新,代码如下: <form action="提交的action" method=& ...
javascript中FORM表单的submit()方法经验教训.
@author songfeng 因为JS内对象的方法实际上是存储语句的一个类似于指针的东西. 其指向了内存的一个位置, 也就是其函数的位置,当然也可以让其指向一个变量值 ...

form表单的属性方法

form表单的属性方法相关推荐

最新文章

热门文章