表单

一个表单有三个基本bai组成部分: 表单标签:du这里面包含了处理表单数zhi据所用CGI程序的daoURL以及数据提交到服务器的方法。 表单域:包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。 表单按钮:包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作。

input元素及属性

button 定义可点击按钮(多数情况下,用于通过 JavaScript 启动脚本)。 checkbox 定义复选框。 file 定义输入字段和 "浏览"按钮,供文件上传。 hidden 定义隐藏的输入字段。 image 定义图像形式的提交按钮。 password 定义密码字段。该字段中的字符被掩码。 radio 定义单选按钮。 reset 定义重置按钮。重置按钮会清除表单中的所有数据。 submit 定义提交按钮。提交按钮会把表单数据发送到服务器。 text 定义单行的输入字段,用户可在其中输入文本。默认宽度为 20 个字符。

其他表单属性

表单元素 1、name  表单命名 2、action  可以定义一个链接,提交数据后的处理页面 3、method="post | get"  提交数据的方式 4、enctype="multipar/form-data"  对表单传递的照片、压缩包、音频等文件需要用到这个编码方式 1、type=  "text"  文本框       "password"  密码框       "radio"   选项框       "checkbox"  复选框       "file"  选择文件浏览框       "hidden"  隐藏域,客户与服务器传递数据,页面不显示       "image"  定义为一个可点击的图片,配合   action="indexDo.html"   method="get"  可将表单中的数据传递传递到处理页面       "submit"  定义一个提交按钮,value 值是按钮上的默认值       "reset"  重置按钮,将同一个表单内的元素还原,value 值是按钮上的默认值       "botton"  普通按钮,为其它语言提供服务,value值是按钮上的默认值 2、name="uName"  元素的名字  页面中唯一,主要用于 和 php 、jsp 服务器语言进行交互,且互相排斥(比如单选框) 3、id="uName"  元素的编号,和js、jQuery······进行交互 4、value="请输入用户名"  默认值,对于不显示默认值的表单,给默认值对于处理数据有益 5、checked="checked"  默认选中项 下拉选框: 1、name = " pro " 2、id = " pro " 3、  提示:可以不使用 4、北京  选框内容 多行文本框: 1、rows  多行文本框所能容纳的行数 2、cols  多行文本框所能容纳的列数

css控制表单样式

一、对table设置样式 - TOP 1、通过对应table父级样式命名指定对象内table样式 1)、案例完整HTML+CSS代码;2)、案例截图 指定对象内table和td设置CSS样式案例效果截图 3)、小结: 以上通过父级指定table和td进行CSS样式设置。 2、通过对table设置单独id或class 多处使用table表格布局,这个时候如果直接对table标签设置样式,这个时候网页中table表格布局均会受设置。这个时候只需要对table加id或class设置即可区别性对table设置需要CSS样式。 二、对表格td设置CSS - TOP 在表格网页布局中,一般情况下都需要对td设置样式,比如对td设置行高,padding等均是有效果的。