表单input

input
name属性:用于对提交到服务器后的表单数据进行标识(否则服务器无法得到数据),通过该属性可以在脚本中引用表单数据。document.getElementByTagName("firstname")和$(".firstname")可以获取name值为firstname的元素对象。

form
name属性:规定表单的名称。通过name属性可以在脚本中引用表单。
action属性:必须。规定当提交表单时,向何处发送表单数据。(属性值:绝对URL、相对URL)
method属性:
post 当请求有副作用时,例如,处理订货表单、在数据库中加入新数据行等(对数据添加修改删除时)。
get 当请求无副作用时(如进行搜索、查询数据),便可使用GET方法,但GET方法可能会产生很长的URL,或许会超过某些浏览器与服务器对URL长度的限制(浏览器会将数据直接附在表单的 action URL 之后。这两者之间用?进行分隔)。
enctype属性:规定在发送到服务器之前应该如何对表单数据进行编码。
application/x-www-form-urlencoded(默认)
multipart/form-data 在使用包含文件上传控件的表单时,必须使用该值。

时间: 2024-10-12 12:42:33

表单input的相关文章

表单input按钮在各浏览器之间的兼容性

从网上看了这篇关于表单input按钮的浏览器兼容性问题,总结的还不错,所以copy下来学习下. input按钮在各个浏览器之间的兼容性问题,看下边这段代码: input.item { background: #4D90FE; border: 1px solid #4D90BB; color: white; } <input type="submit" value="提交" /> 这是很简单的一个input提交按钮,它在各大浏览器中的情况如下: 很明显,我

前端1-----块级标签(独占一行),排版标签(样式排版),其他标签,form表单(input的多种类型)

前端1-----块级标签(独占一行),排版标签(样式排版),其他标签,form表单(input的多种类型) 一丶HTML块级标签 排版标签 p 标签: 段落标签,会自动在段落上下加上空白来分开 p标签是一个文本标签,本身是一个块级标签不能再嵌套块标签 div 标签: 没有样式的标签 ,最常用 列表 ???????1.无序列表 常用 ??????2.有序列表 ??????3.标题列表 # 无序列表 circle:空心圆, disc:默认实心圆,square:实心方片 <ul type='circl

HTML中让表单input等文本框为只读不可编辑的方法

<转> 方法1: onfocus=this.blur() <input type="text" name="input1" value="中国" onfocus=this.blur()> 方法2:readonly <input type="text" name="input1" value="中国" readonly> <input type=&

form表单input file类型的重置

我们知道form表单的dom中有一个reset方法,通过 document.getelemetbyid('yourform').reset()可以重置表单. Jquery对象没有reset方法,所以jquery的重置也是通过dom的reset方法完成,即 $('yourform')[0].reset() 对于form表单的input file类型的元素,在其他主流浏览器中通过form的reset方法完全可以重置 但是IE9以及以下对input file类型,reset无法重置.查了一些资料据说是

Bootstrap学习笔记(四)表单input

单行输入框,常见的文本输入框,也就是input的type属性值为text.在Bootstrap中使用input时也必须添加type类型,如果没有指定type类型,将无法得到正确的样式,因为Bootstrap框架都是通过input[type="?"](其中?号代表type类型,比如说text类型,对应的是input[type="text"])的形式来定义样式的. <form role="form"> <div class=&quo

H5表单input标签新增type

示例代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action=""> <!--email提供了默认的电子邮箱的完整验证:要求必须包含@符号,同时必须包含服务器名称

表单input项使用label,同时引用Bootstrap库,导致input点击效果区增大

产品姐姐想法多,点击input项才能聚焦进行操作,点击外部不能有反应 好了...直入正题 为了让标签更加语义化,在表单项中,我们往往会使用label进行包裹 <label for="label-input"> <input type="text" class="" id="label-input"><br> <button>button</button> </l

让 IE 8 及以下浏览器支持 表单 input [placeholder] 属性

在我们的日常开发中,时常会遇到要求兼容 ie低版本 的项目,其中表单多的项目,其中 用到 placeholder 属性几乎是必不可少的. placeholder是一个很实用的Html 5属性.但是该属性在低版本的IE下是无效的. 于是在网上找了很多方法,就以下方法,比较简单方便. 首先新建一个js文件,把下方代码,放到一个JS文件里面,页面直接引入即可. //解决ie下 input 的placeholder不显示问题 var JPlaceHolder = { //检测 _check: funct

html5 填表 表单 input output 与表单验证

1.<output>     Js计算结果 <form oninput="res.value = num1.valueAsNumber*num2.valueAsNumber"> <input type="number" id="num1"> X            <!-- 没有闭合</input> --> <input type="number" id=&q