htmlform表单(htmlform表单属性)

http://www.itjxue.com  2023-01-25 01:09  来源:未知  点击次数: 

html 怎么获取form表单

html页面的表单

form action="myjsp.jsp" method="post"

你要输入的数据:input type="text" name="data "

/form

在表单中,action动作和method合起来表示把数据交给mujsp.jsp页面去处理,

在jsp页面呢,用

% request.getParmerter("data");%获取html页面传递过来的数据,

要注意的是,有时候连个页面之间的传递会出现中文乱码现象,

解决乱码的做法是:在jsp页面加上

% request.setCharacterEncoding("GB2312");

request.setCharacterEncoding("GB2312"); %

这样就不用担心编码问题了

HTML From表单的用法

HTML表单通过form标签来实现,主要用于收集用户提交的信息,表单是一个包含表单元素的区域,用户可以在里面填写和提交信息。之后后台可以通过URL接受用户提交的信息,并进行处理。

HTML表单元素之、、

HTML form 元素表示文档中的一个区域,此区域包含交互控件,用于向 Web 服务器提交信息。

默认是 块级元素

我们可以用 :valid 和 :invalid CSS伪类来设置 form 元素的样式,此时样式的表现取决于表单中的 elements 是否有效。

运行结果:

fieldset标签用于对表单中的控制元素进行分组(也包括 label 元素)。

fieldset标签默认是块级标签(display: block;)

fieldset中的legend元素会放在块级起始处的边界上。

一个匿名框包围fieldset中的内容,这个匿名块继承了fieldset的一些属性,如display属性。

注意事项

1、fieldset的标题有第一个legend子元素确定。

2、disable属性将会继承到子代的表单控件元素上,但是legend标签中的表单控件元素不会继承。

3、在不同的fieldset中的同名的type=radio中,也只会选择一个。

用于表示其父元素 fieldset 的内容标题。

注意事项

1、legend标签中不仅可以存放普通的字符,还可以添加表单控件元素。

案例

运行结果:

请详细讲解下HTML中的和的用法

form表示建立一个表单,一般表单有许多输入、选择项,有一些按钮,其中有按钮按了能提交表单到服务器。form里面一般有下面这些子句可供需要时使用:

action=服务器文件名,可能是CGI程序,也可能是ASP、PHP等服务器端脚本,如果省略,表示提交给当前的文件

method=post|get,选择方法为POST或者GET,他们的区别一是GET会把参数显示在浏览器地址上,二是POST能够提供更多的参数内容。默认为GET

target=窗口名称,表示提交后的页面在哪个窗口打开。默认为当前窗口

上面说的子句,是写在form里面的,比如:

form

action=xxx.php

method=post

在form和/form之间,可以使用input、select等建立输入或者选择项。

input一般的用法是:

input

type=text|password|hidden|submit|reset|button

name=xxx

value=xxx

type表示这个输入域的类型,text是文本,password也是文本但是输入的字符显示*,hidden是文本但是不显示在页面上,submit是提交按钮,reset是重置按钮,button是一般按钮,还有radio建立单选框,checkbox建立多选框

name是输入域的名字

value是输入域的默认值

HTML表单的用法

form 将表单元素包裹起来,受form包裹的表单元素才会提交给服务器。

form action=”地址” method=””

表单元素

/form

form标签是表单的外壳,主要有四个属性:

action:表单提交的地址(后台服务器地址)

method:提交表单的方法,两种请求方式,post、get

target:在何处打开action

enctype:(编码方式)

applocation/x-www-form-erlencoded 在发送前编码所有字符(默认)

text/plain:空格转换为”+”号,但不对特殊字符编码

multipart/form-data:使用包含文件上传控件的表单时,必须使用该值。例如:上传音频、视频。

1、区别:(体现在方式、安全、数据量三个方面)

- 方式,点击提交(发请求时),get将请求数据变成”k=value”的形式,然后组装到URL上。post方式提交请求时,数据通过浏览器传输给后台,但是URL没发生变化。

- 安全,get将信息组装到URL上,信息泄露,不安全;post方式的URL没发生变化更加安全。

- 数据量,浏览器地址栏能存放的字符有限的(容量有限),get方式的URL过于冗长,当超出限制时,浏览器自动截断URL,则传给后台的数据不完整,所以对数据大小有限制。而post方式的URL更干净、轻便,能完整地将数据传递给后台,无数据大小限制。

2、什么时候用get,什么时候用post(使用场景)

get:向后台查询东西,如查询论文;即向后台索要数据,用关键词来获取大量数据。安全性要求低,简单。

post:向后台传数据,例论文查重(数据很大,提交给后台)。安全性要求高。

是表单收集信息的元素,主要有以下属性:

label for="input_username"姓名:/label input type="text" name="username" id="input_username" placeholder="用户名"/

效果:

label for="input_password"密码:/label input type="password" name="password" id="input_password" placeholder="密码"/

效果:

效果:

效果:

label我的car:/label select name="transportation" option value="bus"公交/option option value="subway" selected地铁/option option value="taxi"出租车/option /select

效果:

label 评论:/label textarea name="recomment" placeholder="ddd" cols="60" rows="10"/textarea

效果:

label for="zjz"证件照:/label input type="file" name="photo" id="zjz" accept="image/jpg"/

其中accept规定了文件格式。

效果:

input type=”hidden” name=”abc” value=”123”

点击提交时,hidden里隐藏的数据也提交给了后台;abc=’123’

作用:(1)暂存信息,(用户看不到),便于设计者随时调用程序。

(2)用于安全性校验,例如通过设置hidden隐藏域,服务器可以验证用户权限,避免伪造的假网站提交数据。

input type="button" value="按钮"/

效果:

input type="submit" value="提交"/

效果:

input type="reset" value="复位"/

效果:

Html页面代码中 为什么要使用表单标签,使用该标签有什么意义?

通俗的讲

form标签是用来进行表单提交用的

form标签里面的常见属性如下

action:

表单提交的地址,

肯定是要提交给某个服务器的,action的地址就是要提交的服务器的地址

method:以何种方式提交,常见的为get和post.

区别在于一个是明文(在url中显示),一个是暗文

form标签是和服务器交互用的,

以用户注册为例

用户在浏览器中的注册页面添加信息后,点击提交,此时是将这些信息提交至某个服务器

服务器根据提交的信息将注册信息保存.

这个过程就需要使用form标签了

form中action属性应该是服务器注册模块的地址

form标签下应该有input,textarea,select等表单标签以及input

type="

submit"标签

当点击submit按钮时,浏览器会自动将表单信息封装提交至action中的地址

所谓的提交就是访问action中地址并携带着form表单中input,textarea,select的信息

(责任编辑:IT教学网)

更多

推荐网页制作视频教程文章