CSS设置表单样式.ppt
《CSS设置表单样式.ppt》由会员分享,可在线阅读,更多相关《CSS设置表单样式.ppt(20页珍藏版)》请在三一文库上搜索。
1、CSS设置表单样式,主讲:毛丽娟,表单输入类型-文本输入框,语法: 姓名: 主要属性: name:名称,程序中常会用到。 size:设定此栏位显示的宽度。 value:预设内容。 align:对齐方式。 maxlength:设定可输入的最大长度。,表单输入类型-单选按钮,语法案例: 男 女 主要属性: checked name:需要将一组供选 择的单选框设置为相同的 名称,以保证这一组中只有 一个单选按钮被选中。,表单输入类型-复选按钮,语法: 兴趣: 文学 音乐 美术 主要属性: checked: name:,表单输入类型-密码输入框,语法: 密码: 主要属性: type:值为“passwo
2、rd”时, 输入框内显示为密码形式。,表单输入类型-按钮,语法: 主要属性: type:设置为“image”时, 成为图像按钮。 value:设置按钮上的文字。,表单输入类型-多行文本框,语法: 主要属性: cols:定义多行文本框的宽度(字符列数)。 rows:定义多行文本框的高度(行数)。 wrap:定义换行方式,有3种选择。 off:输入文字不换行。 virtual:输入文字在屏幕上会自动换行,但是如果访问者没有按回车键换行,则提交到服务器也视为没有换行。 physical:输入文字时会自动换行,提交到服务器时,会将屏幕上的自动换行视为换行效果提交。,表单输入类型-列表框1,语法1: F
3、lash Dreamweaver Fireworks Photoshop ,表单输入类型-列表框2,语法2:列表形式 Flash Dreamweaver Fireworks Photoshop ,案例-css设置表单样式,设计网页结构如右图所示,案例-HTML代码参考, 请输入您的姓名: 请选择你最喜欢的颜色: 红 绿 蓝 黄 青 紫 请问你的性别: 男 女 你喜欢做些什么: 看书 上网 睡觉 我要留言: ,案例-css设置表单样式,利用css样式实现右图风格。,案例-css代码参考,form border: 1px dotted #AAAAAA; padding: 3px 6px 3px 6
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- CSS 设置 表单 样式
链接地址:https://www.31doc.com/p-2037449.html