手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >Lesson02_03 表单标签
Lesson02_03 表单标签
摘要:用来创建一个表单,即定义表单的开始和结束位置属性名作用action设置处理表单的服务器端URL地址.默认为表单页method用来设置将表单中...

<form></form>用来创建一个表单,即定义表单的开始和结束位置

属性名 作用
action 设置处理表单的服务器端URL地址.默认为表单页
method 用来设置将表单中的信息提交给服务端的处理程序时所用的方式

取值为:get或post 默认值为:get 传大于1K的时候要用post

target 用来指定服务器返回结果显示的目标窗口或目标帧
title 用来设置当网站访问者的鼠标在表彰会上的任一位置停留过几秒时显示的文字
enctype 指示浏览器使用哪种编码方法将表单数据传送给www服务器,其取值为:

application/x-www-form-urlencoded和multipart/form-date,默认为前者

提交按钮:<input type="submit">用于提交表单的内容

当设有name值时其name及value也要提交给服务器

代码如下:

<form> <input type="submit"> </form>

效果如下:

重置按钮:<input type="reset">用于将表单的内容置为默认值
代码如下:

<form> <input type="reset"> </form>

效果如下:
单行文本输入区域:<input type="text">其有一个size属性来指定输入区域的大小,以字符为单位
代码如下:

<form> <input type="text"> </form>

效果如下:
size属性:

<form> <input type="text" size="9"> </form>

效果如下:
maxlength属性下:

<form> <input type="text" maxlength="10"> </form>

只可以输入9个字符

效果如下:
value属性:

<form> <input type="text" value="Loncer"> </form>

效果如下:
readonly属性:

<form> <input type="text" readonly value="Loncer"> </form>

手工改动不了,可以用脚本去改

效果如下:
disable属性:

<form> <input type="text" disabled value="Loncer"> </form>

当不存在这个元素,不将其传给服务器

效果如下:
复选框按钮:<input type="checkbox">

<form> <input type="checkedbox" name=check> </form>

效果如下: 对不
checked属性

<form> <input type="checkedbox" checked name=check> </form>

效果如下: 对不
单选框按钮:<input type="radio">只可以一个被选中

<form> <input type="radio" name=radio1 value=1 checked>男

<input type="radio" name=radio1 value2>女 </form>

效果如下: 男 女
隐藏字段:<input type="hidden">不显示,用于提交隐藏的信息 密码输入区:<input type="password">使输入的内容为*号,即不可见的
代码如下: <from>< input type="password"> </frome> 效果如下:
按钮:<input type="button">与脚本相连
代码如下:

<from>< input type="button" value="提交"> </frome>

效果如下:

【Lesson02_03 表单标签】相关文章:

清除行内元素之间HTML空白的几种解决方案

区分IE6,IE7和firefox的CSS hack

CSS2书写顺序包括位置属性、自身属性、文字系列

DIV+CSS:网页一行两列背景自适应

css控制表格细边框样式

页面制作如何用好border和clear

css3隔行变换色实现示例

固定宽高且DIV绝对居实现思路及示例

CSS中使用expression表达式

css position详解

精品推荐
分类导航