设置背景颜色<body bgcolor=\"大众#000000\公众>

设置背景图片<body background=\"大众bg.jpg\公众>

设置页面笔墨颜色<body text=\公众#cccccc\"大众>

html文件上传按钮零基本进修HTML配景表单单选按钮复选框上传文件下拉列表 Bootstrap

颜色属性值有三种值的格式

1,英文单词,比如 red , yellow ,green …

<body bgcolor=\"大众yellow\"大众>

2, 十六进制表示办法,#开头,6个十六进制的字符或数字 组合

比如:#FFFFFF,#000000,#CCCAAA,#22BCAD

十六进制: 0-9 和 a-f

3, RGB模式,红 0-255,绿 0-255,蓝 0-255

比如: RGB(120,33,234)

HTML 表单

表单是一个包含表单元素的区域。

表单能够包含 input 元素,textarea、select、fieldset、legend 和 label 元素。

表单利用标签(<form>)定义。

表单用于向做事器传输数据。

表单的构造

<form name=\公众form1\公众 action=\"大众URL\"大众 method=\"大众get\"大众>

用户名:<input type=\"大众text\公众 name=\"大众uname\"大众 />

密 码:<input type=\"大众password\公众 name=\公众passwd\"大众 />

</form>

属性解释

name表单的名称

action表单提交地址

method表单数据提交的办法 (get ,post)

enctypeMIME类型

target打开办法

input标签

属性解释

typeinput元素类型

nameinput 元素的名称

valueinput 元素的值

sizeinput 元素的宽度

readonly是否只读

maxlength输入字符的最大长度

disabled是否禁用

1.文本框

<input type=\公众text\"大众 name=\"大众username\公众 value=\"大众\公众 />

2.密码框

<input type=\"大众password\"大众 name=\公众passwd\"大众/>

3.单选按钮

<input type=\公众radio\"大众 name=\"大众sex\公众value=\"大众1\公众checked=\"大众checked\"大众 />男

<input type=\"大众radio\公众 name=\"大众sex\"大众value=\公众0\公众/>女

4.复选框

<input type=\公众radio\公众 name=\"大众sex\"大众value=\"大众1\公众checked=\"大众checked\公众 />男

<input type=\"大众radio\公众 name=\"大众sex\"大众value=\"大众0\"大众/>女

<input type=\公众checkbox\"大众name=\"大众love\"大众value=\公众music\"大众 checked=\"大众checked\公众/> 听音乐

<input type=\"大众checkbox\"大众name=\公众love\"大众 value=\"大众movie\公众/> 看电影

<input type=\"大众checkbox\公众name=\"大众love\公众 value=\"大众game\"大众/> 玩游戏

5.按钮

<input type=\"大众button\"大众 name=\"大众btn\公众 value=\"大众确定\"大众/>

<input type=\"大众submit\公众 name=\"大众comit\"大众 value=\公众提交\"大众/>

<input type=\"大众reset\"大众 name=\"大众reset\公众 value=\"大众重写\"大众/>

<input type=\"大众image\"大众 name=\公众img_btn\公众 src=\"大众btn.gif\"大众/>

6. 隐蔽域

隐蔽域用于在程序发送没有必要让用户看到特定值的时候利用。

<input type=\公众hidden\公众 name=\公众uid\公众 value=\"大众10\"大众/>

7. 上传文件

<input type=\"大众file\"大众 name=\"大众photo\"大众/>

注:利用这项功能时,在 form 标签中要指定method属性。
要把method 指定为post, enctype属性指定为 multipart/form-data。

<textarea> 多行文本框

<textarea name=\公众content\公众 rows=\"大众5\"大众 cols=\公众50\"大众> </textarea>

属性解释

name元素的名称

rows指定文本框的高度

cols指定文本框的宽度

select下拉列表框

<select name=\"大众city\"大众>

<option value=\公众0\公众>请选择</option

<option value=\"大众bj\"大众>北京</option>

<option value=\公众gz\"大众>广州</option>

</select>

属性解释

name下拉列表框的名称

size下拉列表框的显示行数

multiple是否多选

disabled是否禁用

selected设置默认选中的选项

value选项的值

optgroup标签

optgroup 元素用于组合选项 。

属性解释

label指定组合选项名称

fieldset标签

fieldset 标签浸染是把表单中元素组合起来

<fieldset>

<legend></legend> length为字符长度

<form></form>

</fieldset>

label标签

lable 标签的浸染是将输入项或选项及其标签笔墨关联起来。

<input type=\"大众radio\公众 name=\公众sex\"大众 value=\"大众1\公众 id=\"大众male\公众 />

<label for=\"大众male\"大众>男</label>

<input type=\公众radio\"大众 name=\"大众sex\公众 value=\"大众0\公众 id=\公众female\公众 />

<label for=\"大众female\公众>女</label>