十天会HTML第七天表单from的功能结构

2014/3/23 13:57:00  人气 1599    黑客破解论坛  
表单是经常使用的,如:网站登录、附件上传都是通过表单制作,今天在站帮网说说:1、表单的功能结构;2、文本栏、密码栏、隐藏栏;3、复选栏、单选栏;4、窗体栏位、区块栏位;5、按钮、图像按钮;6、允许上传文件;7、表单的外框和标题。

一、表单的功能结构:

主标记结构:
<form>…</form>
复制代码
属性   值    说明
name  字符串  给这个表单起个名字
method get/post  表单的传输方式
action  url    传输目标

二、文本栏、密码栏、隐藏栏

文本栏:
<input type=”text” name=”栏位名称” value= ”栏位内定值” size=”栏位显示
宽度” maxlength=”栏位数据输入最大长度” readonly=”readonly”>
复制代码
密码栏:
<input type=”password” name=”栏位名称” value=”栏位内定值” size=”栏位
显示宽度” maxlength=”栏位数据输入最大长度” readonly=”readonly”>
复制代码
隐藏性栏位:
<input type=”hidden” name=”栏位名称” value= ”栏位值”>
复制代码
三、复选栏、单选栏

多重勾选栏位:
<input type=”checkbox” name=” 栏位名称” value=” 内定
值” checked=”checked” disabled=”disabled ”>
复制代码
单选栏位:
<input type=”radio” name=” 栏位名称” value=” 内定值”
checked=”checked” disabled=”disabled ”>
复制代码
四、窗体栏位、区块栏位

窗体选项栏位设置:
<* name=”栏位名称” size=”数字” >
<option value=”选项值” *ed=”*ed”>…
<option value=”选项值”>…
<option value=”选项值”>…
</*>
//分组<optgroup label=“分组名称“></optgroup>
//多选multiple
复制代码
文字区块的设置:
<textarea cols=”设置长度” rows=”设置宽度”>
………
</textarea>
复制代码
五、按钮、图像按钮

按钮设置:
<input type=”submit” value=”按钮中显示的文字”>
<input type=”reset” value=”按钮中显示的文字”>
复制代码
按钮图像:
<button name=”栏位名称” type=”图象形态”>
<img src=”URL”>
</button>
复制代码
图像按钮:
<input type=“image“ src=“url“ alt=“文本“>
复制代码
六、允许上传文件

上传栏位:
<input type=“file“ name=“file“>
复制代码
七、表单加上外框和标题

外边框:
<fieldset>...</fieldset>
复制代码
标题:
<legend>...</legend>
复制代码

. 为了网站运行有足够的资金,绝客挂广告!!大家最好别点!!

发表回复

   


  通知楼主
暂无回复!