注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

火力光波的博客

火一般的热情 光一样的速度

 
 
 

日志

 
 

常用HTML表单代码及属性  

2010-01-07 02:06:00|  分类: 表单制作 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

常用HTML表单代码及属性

单行文本框
代码格式: <input type="text" name="..." size="..." maxlength="..." value="...">
属性解释:
type="text"定义单行文本输入框;  
name属性定义文本框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;  
size属性定义文本框的宽度,单位是单个字符宽度;  
maxlength属性定义最多输入的字符数;  
value属性定义文本框的初始值;
演示代码: <input type="text" name="example1" size="20" maxlength="15">

多行文本框
代码格式: <TEXTAREA name="..." cols="..." rows="..." wrap="VIRTUAL"></TEXTAREA>
属性解释:
<textarea>定义多行的文本输入控件。

name属性定义多行文本框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;
cols属性定义多行文本框的宽度,单位是单个字符宽度;  
rows属性定义多行文本框的高度,单位是单个字符宽度;  
wrap属性定义输入内容大于文本域时显示的方式,可选值如下: 
    默认值是文本自动换行;当输入内容超过文本域的右边界时会自动转到下一行,而数据在被提交处理时自动换行的地方不会有换行符出现;

   Off,用来避免文本换行,当输入的内容超过文本域右边界时,文本将向左滚动,必须用Return才能将插入点移到下一行; 
    Virtual,允许文本自动换行。当输入内容超过文本域的右边界时会自动转到下一行,而数据在被提交处理时自动换行的地方不会有换行符出现;
    Physical,让文本换行,当数据被提交处理时换行符也将被一起提交处理。

演示代码: <TEXTAREA name="example2" cols="20" rows="2" wrap="PHYSICAL"></TEXTAREA>

密码框
代码格式: <input type="password" name="..." size="..." maxlength="...">
属性解释:
type="password"定义密码框;  
name属性定义密码框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;  
size属性定义密码框的宽度,单位是单个字符宽度;  
maxlength属性定义最多输入的字符数。
演示代码: <input type="password" name="example3" size="20" maxlength="15">

复选框
代码格式: <INPUT type="checkbox" name="..." value="...">
属性解释:
type="checkbox"定义复选框;
name属性定义复选框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;
value属性定义复选框的值.

checked   预设值.
演示代码:  <input type="checkbox" name="Webjx.Com" value="09">Webjx.Com<input type="checkbox" name="FreeInfo.Webjx.Com" value="08">FreeInfo.Webjx.Com

单选框
代码格式: <INPUT type="radio" name="..." value="...">
属性解释:
type="radio"定义单选框;
name属性定义单选框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;
value属性定义单选框的值.

checked   预设值. 
演示代码:  <input type="radio" name="myFavor" value="09">Webjx.Com<input type="radio" name="myFavor" value="08">FreeInfo.Webjx.Com

文件上传框
代码格式: <input type="file" name="..." size="..." maxlength="...">
属性解释:
type="file"定义文件上传框;
name属性定义文件上传框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;
size属性定义文件上传框的宽度,单位是单个字符宽度;
maxlength属性定义最多输入的字符数。
演示代码: <input type="file" name="myfile" size="15" maxlength="100">

下拉选择框
代码格式:
<select name="..." size="..." multiple>
<option value="..." selected>...</option>
...
</select>
属性解释:

option 元素定义下拉列表中的一个选项(一个条目)
size属性定义下拉选择框的行数;
name属性定义下拉选择框的名称;
multiple属性表示可以多选,如果不设置本属性,那么只能单选;
value属性定义选择项的值;
selected属性表示默认已经选择本选项。 
演示代码:
<select name="mySel" size="1">
<option value="1" selected>Webjx.Com</option>
<option value="2">FreeInfo.Webjx.Com</option>
</select>

常用按钮
代码格式: <input type="..." name="..." value="...">
属性解释:
type="":submit提交  reset复位  button可点击
name属性定义复位按钮的名称;
value属性定义按钮的显示文字;
演示代码:
提交按钮 <input type="submit" name="mySent" value="发送">
复位按钮 <input type="reset" name="mySent" value="取消">


 返回目录

来源: 搜站长网 

  评论这张
 
阅读(1298)| 评论(8)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017