表单元素.ppt

表单元素的各项属性设置 难点 表单元素各项属性的含义 图2-7-1 表单网页效果图 请见操作演示 演示讲解Dreamweaver中简单个人网页文本元素的编辑（详见动画演示） 切换到代码视图模式。观察页面中的超级链接语法格式。 单行文本框的Html代码 姓nbsp;nbsp;名：INPUT TYPE=TEXT NAME=UserName SIZE=40BRE-Mail：INPUT TYPE=TEXT NAME=UserMail SIZE=40 VALUE=username@mailserverBR ” 多行文本框的Html代码 您使用手机时最常碰到哪些问题？BRTEXTAREA NAME=UserTrouble COLS=45 ROWS=4线路太忙/TEXTAREABR 单选按钮的Html代码年nbsp;nbsp;龄：INPUT TYPE=RADIO NAME=UserAge VALUE=Age1未满20岁INPUT TYPE=RADIO NAME=UserAge VALUE=Age2 CHECKED20~29INPUT TYPE=RADIO NAME=UserAge VALUE=Age330~39INPUT TYPE=RADIO NAME=UserAge VALUE=Age440~49INPUT TYPE=RADIO NAME=UserAge VALUE=Age550岁以上BR 复选框的Html代码 您曾经使用过哪些厂家的手机？INPUT TYPE=CHECKBOX NAME=UserPhone VALUE=诺基亚 CHECKED诺基亚INPUT TYPE=CHECKBOX NAME=UserPhone VALUE=摩托罗拉摩托罗拉INPUT TYPE=CHECKBOX NAME=UserPhone VALUE=爱利信爱利信INPUT TYPE=CHECKBOX NAME=UserPhone VALUE=三星三星BR 下拉列表/菜单的Html代码 你使用哪个网？（可复选）SELECT NAME=UserNumber SIZE=4 MULTIPLEOPTION VALUE=中国电信中国电信OPTION VALUE=中国联通 SELECTED中国联通OPTION VALUE=中国铁通中国铁通/OPTIONOPTION VALUE=中国网通中国网通/OPTIONOPTION VALUE=其他其他/OPTION/SELECTBR 按钮元素的Html代码 INPUT name=subject TYPE=SUBMIT id=subject VALUE=提交 INPUT name=reset TYPE=RESET id=reset VALUE=重新输入 框架的属性： 框架显示的文件路径：frame src=“url” 框架窗口的名称：frame name=“name”，框架名必须以字母开头，框架名区分大小写，不能使用空格、句点和连接符。 是否显示框架：frame frameborder=“数值” 是否显示滚动条：frame srcolling=“数值”。此处的数值有yes,no和auto三种。 能否自行调整框架窗口的大小：frame noresize 框架中内容与框架边缘的左右距离：frame marginwidth/marginheight=“数值” 2.框架集的属性 宽度属性: frameset border=“数值 颜色属性: frameset bordercolor=“颜色值 隐藏属性：frameset frameborder=“0 or 1 此处0表示不显示边框，1表示显示边框，该属性也可用在frame里。 1.表单标记符 FORM action= URL method= GET/POST /FORM 其中Action用于设定处理表单数据程序URL的地址。 method指定数据传送到服务器的方式。有两种主要的方式，当method=GET时，将输入数据加在action指定的地址后面传送到服务器；当method=POST时则将输入数据按照HTTP输送协议中的POST传输方式传送到服务器。 2.表单输入标记符 INPUT type=text/textarea/password/checkbox/radon /submit/reset/file/hidden/image/button 各项的意义是： type：text表示输入单行文本。 type：textarea表示输入多行文本。 type：password表示输入数据为密码，用“*”表示。 type：checkbox表示复选框。 type：radio表示单选框。 type：submit表示提交按钮，