表单

7表单
7.1功能结构
主标记结构:<form>...</form>
属性:
name 字符 名字
method post 传输方式
action url 传输目标 value="123"

7.2文本框、密码栏、隐藏栏
文本栏:<input type="text" name="栏位名称" value="栏内值" size="宽度" maxlength="输入最多数">
密码栏:<input type="password" name="名称" value="栏内值" size="宽度"
maxlength="输入最多数">
隐藏栏:<input type="hidden" name="名称" value="栏内值">

7.3复选栏、单选栏
多重勾选栏位:<input type="checkbox" name="名称" value="栏内值" checked="checked(默认项)" disabled="disabled(必选项)">
单选:<input type="radio" name="名称" value="栏内值"checked="checked(默认项)" disabled="disabled(必选项)" >
7.4窗体栏、区块栏
窗体选项栏:
<select name="名称" size="数字"multiple(多选)>
<option value="上海" selected(首选项)>上海
<option value="北京">北京
</select>

<select name="名称"> (多组)
<optgroup label="上海">
<option value="普陀区">普陀区
<option value="宝山区">宝山区
</optgroup>
</select>

文字区块栏:
<textarea cols="设置长度" rows="设置宽度">
.............
</textarea>
7.5按钮、图像设置
按钮设置:
<input type="submit" value="按钮中显示的文字">
<input type="reset" value="按钮中显示的文字">
按钮图像: ↑
<button name="提交或重置" 统一“图像形态”>
<img src="URL">
</button>
图像按钮:<input type="image"src="URL" alt="文本">
7.6允许上传文件
上传栏位:<input type="file"name="file">
7.7加上外框和标题
外框:<fieldset>......</fieldset>
标题:<legend>.......</legend>
7.8元件的次序和快捷键
accesskey="w" (alt+w)(ctrl+w)
tabindex="n"

 

posted on 2016-10-24 13:49  加号与剑豪  阅读(79)  评论(0编辑  收藏  举报

导航