相关文章
网站十八种赢利模式
网站设计详解css定位与定位应用
网页设计KesionShopV300新手提高教程(七)
网站建设第六节 插入文本
北京网站建设Flash处理XML文档数据教程
网站建设Flash 鼠标指针
北京网站建设FLASH MX 2004视频教程:走!咱们踏春去(二)
网站制作Flash AS游戏教程:用flash制作简单拼图游戏
网站设计Dreamweaver基础视频教程14 Flash图片查看器
北京网站设计DreamweaverMX技巧之超链接
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置:首页 >> 网站制作 >> 北京网站设计网站设计HTML网页表单制作实例讲解
北京网站设计网站设计HTML网页表单制作实例讲解
作者: 北京网站建设 日期:2008-03-27 06:03:35 来源: http://www.qitongnet.com
资深北京网站建设公司企通互联,专业致力于北京网站建设,北京网站制作,北京网站设计,北京网页设计领域,千余网站建设案例,公司拥有国内一流的网站建设、网站制作、网页设计团队,如果您已经有网站的,看看我们精美的网站建设案例也无妨. 网站设计北京网站建设网址:http://www.qitongnet.com
=======================================================================================
网站制作
![]() |
- 文本框
- 代码格式:<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>
- 属性解释:
- name属性定义多行文本框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;网站制作
- 默认值是文本自动换行;当输入内容超过文本域的右边界时会自动转到下一行,而数据在被提交处理时自动换行的地方不会有换行符出现;
- Off,用来避免文本换行,当输入的内容超过文本域右边界时,文本将向左滚动,必须用Return才能将插入点移到下一行; 北京网站设计
- Virtual,允许文本自动换行。当输入内容超过文本域的右边界时会自动转到下一行,而数据在被提交处理时自动换行的地方不会有换行符出现;
- Physical,让文本换行,当数据被提交处理时换行符也将被一起提交处理。
cols属性定义多行文本框的宽度,单位是单个字符宽度; 网页设计
rows属性定义多行文本框的高度,单位是单个字符宽度; 北京网站制作
wrap属性定义输入内容大于文本域时显示的方式,可选值如下:
- 演示:网页设计
- 以上演示代码是:<TEXTAREA name="example2" cols="20" rows="2" wrap="PHYSICAL"></TEXTAREA>
- 密码框
- 代码格式:<input type="password" name="..." size="..." maxlength="...">
- 属性解释:
- type="password"定义密码框; 北京网页设计北京网站建设
name 网站建设属性定义密码框的名称,要保证数据的准确采集,必须定义一个独一无二的名称; www.qitongnet.com
size属性定义密码框的宽度,单位是单个字符宽度; 北京网页设计
maxlength属性定义最多输入的字符数。
- 演示:
- 以上演示代码是:<input type="password" name="example3" size="20" maxlength="15">
- 复选框
- 代码格式:<INPUT type="checkbox" name="..." value="...">
- 属性解释:
- type="checkbox"定义复选框;www.qitongnet.com
name 网页设计属性定义复选框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;网站制作
value属性定义复选框的值.
- 演示: 北京网站建设 Webjx.Com FreeInfo.Webjx.Com
- 以上演示代码是: <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属性定义复选框的值.
- 演示: Webjx.Com FreeInfo.Webjx.Com
- 以上演示代码是: <input type="radio" name="myFavor" value="09">Webjx.Com<input type="checkbox" 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">
- 下拉选择框
- 代码格式:www.qitongnet.com
<select name="..." size="..." multiple>北京网站制作
<option value="..." selected>...</option>网页设计
...网站设计
</select>
- 属性解释:
- size属性定义下拉选择框的行数;网站制作
name属性定义下拉选择框的名称;北京网站设计
multiple属性表示可以多选,如果不设置本属性,那么只能单选;北京网站制作
value属性定义选择项的值;网站设计
selected属性表示默认已经选择本选项。
- 演示:
- 以上演示代码是:网页设计
<select name="mySel" size="1">网站建设
<option value="1" selected>Webjx.Com</option>网页设计
<option value="2">FreeInfo.Webjx.Com</option>www.qitongnet.com
</select>
- 表单中的两个常用的按钮
- 代码格式:<input type="reset" name="..." value="...">
- 属性解释:
- type="reset"定义复位按钮;北京网站制作
name属性定义复位按钮的名称;北京网站设计
value属性定义按钮的显示文字;
- 表单中常用按钮的演示及代码:
- 提交按钮 代码: <input type="submit" name="mySent" value="发送">
- 复位按钮 www.qitongnet.com代码: <input type="reset" name="mySent" value="取消">
网站制作