html5中可以有多个form吗
html5中可以有多个form。在同一个HTML的页面中规则上允许可以用到多个form标签,但是为了防止提交时后台无法识别,需要给表单加上不同的ID或者class,语法“<from action="url" id="id值1">表单元素</from><from action="url" id="id值2">表单元素</from>.....”。
本教程操作环境:windows7系统、HTML5版、Dell G3电脑。
表单最重要的表现是在客户端接收用户的信息,然后将数据递交给后台的程序来操控这些数据,从技术的概念上说,表单就是用来操作form对象,对象是一种基本的数据类型。
HTML表单是一个包含表单元素的区域,用于搜集不同类型的用户输入;表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素;表单使用表单标签(<form>)定义。
表单最终是需要提交数据给服务器的,form标签有一个action属性,这个属性用来指定服务器地址;
action属性用来注定属性提交给哪个服务器。
action属性和的超链接中的href属性一样。都可以向服务器发送请求(request)
<from action="url"><!--url指提交的目标网站 --> <!-- 画一个提交按钮 这个按钮可以使用input输入阈,type="submit"的时候表示这个按钮是一个提交按钮,具有提交表单的能力 --> <!-- 对于按钮来说,按钮的value属性用来指定按钮上显示的文本信息。 --> <input type="sumbit" vaule="登录"/> <!-- buutton这是一个普通按钮,不具备提交表单的能力 --> <input type="button" /> </from>
一个网页当中可以有多个表单form
在同一个HTML的页面中规则上允许可以用到多个<form></form>标签,但是为了防止提交时后台无法识别最好给表单加上不同的ID或者class,这里选择的是加上不同id的方法供大家参考。
表单和超链接没什么太大的区别
超链接和表单都可以向服务器发送请求
超链接没法进行数据收集
表单发送请求的同时还可以携带数据
表单是以什么格式提交给服务器的?
http://localhots:8080/jd/login?username=abc&userpwd=111
格式:
actionname=vaule&namevaule&name=vaule&name=vaule&name=vaule…
HTTP协议规定,必须以这种格式提交给服务器。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <form> <table > <tr> <td>用户名</td> <td><input type="text" name="username"/></td> </tr> <tr> <td>密码</td> <td><input type="password" name="userpwd"/></td> </tr> <tr align="center"> <td colspan="2" > <input type="submit" value="登录"> <input type="reset" value="清空"></td> </tr> </table> </form> </body> </html>
multiple="multiple"
支持多选
在后方添加size,可以设置多选上限
<select multiple="multiple" size="n">
file控件(上传文件)
<input type="file" />
readonly disabled
<!-- readonly与disabled相同点:都是只读不能修改 但是readonly可以提交给服务器,disabled数据不会被提交(即使有name属性也不会被提交)--> <form action="http://localhost:8080/taobao/save"> 用户代码<input type="text" name="usercode" value="110" readonly /> <br> 用户代码<input type="text" name="username" value="120" disabled /> <br> <input type="submit" value="提交数据" />
maxlength
设置文本框中可输入的字符数
<input type="text" maxlength="3">
相关推荐:《html视频教程》
以上就是html5中可以有多个form吗的详细内容,更多请关注dnjidi.com其它相关文章!
相关阅读
- h5和css3有哪些新特性
- css换行代码是什么
- css使图片居中的方法有哪些
- 巧用css将背景图像固定在视口
- 巧用css规定背景绘制区域
- 一招搞定css相对原点定位背景图片
- 如何使用css设置背景图的重复与否
- 教你一招搞定css背景图的大小
- 一招搞定css定位元素的背景图像
- css如何定义网格线大小
- css如何设置指定网格的大小和位置
- 怎么实现水印?浅析水印实现的几种方式
- 如何使用JavaScript比较两个日期
- 如何使用前端三剑客创建漂亮的倒计时效果
- javascript的变量是什么
- javascript中变量的命名有什么要求
- javascript是不是面向对象语言
- vue和vuejs一样吗