HTML初级2

1、form表单:
<form action="链接一个路径" method="get/post" name="表单的名字"></form>
其中讲到method="get/post",这是提交表单的意思。有两种方式:get/post
这两种的区别是在于get的安全性低,但速度比post快,执行效率比post好。而post安全性高,速度就没那么快。

2、input标签:
其中input标签中有很多属性可以选择,默认属性是text,文本的意思。以下几种是很常用的:
---button 定义可点击按钮。
---checkbox 定义复选框。
---radio 定义单选按钮。
---file 定义输入字段和 "浏览"按钮,供文件上传。
---hidden 定义隐藏的输入字段。
---image 定义图像形式的提交按钮。
---password 定义密码字段,该字段中的字符被掩码。
---reset 定义重置按钮,重置按钮会清除表单中的所有数据。
---submit 定义提交按钮,提交按钮会把表单数据发送到服务器。
---disabled 定义控件不可用,是有底纹颜色的。
---readonly 定义客户只能读,是无底纹颜色的。
---autfcous 定义自动聚焦。
---placeholder 定义提示文字。
---color 定义颜色快。
---datetime 定义时间。
---number 定义数字。

3、下拉列表:
<select>
<option value="">Volvo</option>
<option value="">Saab</option>
<option value="">Opel</option>
<option value="">Audi</option>
</select>
其中option中可以定义属性:
默认选项--selected
多项选择--multiple

4、文本框:(多用于在留言板)
<textarea rows="3" cols="20"></textarea>
在textarea中也可以加入name和id,其中rows和cols属性来规定 textarea 的尺寸,其中的值是填写数字。

5、标题栏框(多用于财务和银行项目)
<fieldset>
<legend>标题</legend> ------legend标签是定义这个框的标题
</fieldset>

6、按钮标签
<button>输入文本</button>
可在css中来设置button标签的样式。

posted @ 2016-09-04 15:44  Ian-任晓月  阅读(122)  评论(0编辑  收藏  举报