码迷,mamicode.com
首页 > Web开发 > 详细

Html网页表单制作

时间:2015-09-06 17:51:55      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:

1.表单标签<form>„„</form>

语法:<FORM name=“form_name” ACTION=“URL” METHOD=“GET|POST”>„</FORM>

Name :定义表单的名称

Method: 定义表单结果从浏览器传送到服务器的方式,默认参数为:get ; Action :用来指定表单处理程序的位置(asp 等服务器端脚本处理程序)

2.文本框文本框

是一种让访问者自己输入内容的表单对象,通常被用来填写单个字或者简短的回答,如姓名、地址等。

代码格式:<input type=“text” name=“...” size=“...” maxlength=“...” value=“...”>

type=“text” 定义单行 文本输入框;

name 属性定义文本框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;

size 属性定义文本框的宽度,单位是单个字符宽度;

maxlength 属性定义最多输入的字符数。

value 属性定义文本框的初始值

3.密码框

密码框是一种特殊的文本框,它的不同之处是当输入内容时,均以*表示,以保证密码的安全性。

格式:<input type=“password” name=“...” size=“...” maxlength=“...” >

4. 按钮

类型:普通按钮、提交按钮、重置按钮。

1) 普通按钮

当type 的类型为button 时,表示该输入项输入的是普通按钮。 语法格式: <input type="button" value="„“ name=“„”>

Value: 表示显示在按钮上面的文字。 普通按钮经常和脚本一起使用。

2) 提交按钮

通过提交(input type=submit)可以将表单(Form)里的信息提交给表单里action所指向的文件。 例句: <input type="submit" value="提交">

3) 重置按钮

当type的类型为reset时,表示该输入项输入的是重置按钮,单击按钮后,浏览器可以清除表单中的输入信息而恢复到默认的表单内容设定。

语法格式: <input type=“reset" value=“„“ name=“„”>

5. 单选框和复选框

? 单选框

格式:<input type=“radio”name=“„” value=“„” checked> Checked: 表示此项默认选中

Value 表示选中后传送到服务器端的值。

Name 表示单选框的名称,如果是一组单选项,name 属性的值相同有互斥效果。

? 复选框

语法格式:<input type=checkbox name=“„” value=“„” checked >

Html网页表单制作

标签:

原文地址:http://www.cnblogs.com/ROCKyou/p/4786445.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!