HTML列表 form表单 选择按钮

来源:互联网 发布:西安java程序员招聘 编辑:程序博客网 时间:2024/05/21 09:23
1.无序列表
<ul>:定义无序列表
<li>:定义列表项
Type 属性指定无序列表的符号,取值有:
Disc:实心圆点
Circl:空心圆圈
Square:实心正方形。
2.有序列表
<ol>有序列表,即列表带有序号
Type属性指定序号的类型,其取值:
1(默认值),a,A,I
Start属性与type并用表示从那个类型的第几个开始,当取值为0或负数时从当前值开始
3. 自定义列表
<dl>:定义一个自定义列表
<dt>:列表项的标题
<dd>:列表项的描述
表单:收集用填写的信息并将其提交到后台服务器。
<form>
Action属性:指定提交的地址
Method属性:指定提交的方式,get/post
Get和post方式的区别:
安全性:get方式提交的数据会直接呈现在地址栏众,敏感数据容易被截获
4. 文本框
Maxlength:指定文本框能接收的最大字符个数
Size:指定文本框的大小,长度
Value:指定初始值
5.:密码框
密码框和文本框是一样的,文本框的属性同样适用于密码框,唯一不同的是密码框是以掩码的形式显示内容,保证安全性。
6. :lable
1.可以单独对其应用相应的样式
7.单选按钮
<input type="radio"name="role">学生
<input type="radio"name="role"checked>教师
<input type="radio"name="role">管理员
如果需要将若干个单选按钮编为一组(一组最多只有一个被选中)需要设置相同的name属性。
如果需要默认选中某个选项,用checked属性
标签属性的表示形式:
1.属性名=属性值.
type=”text”,maxlength=””
2.一些取值为布尔类型的属性直接使用属性名Checked、readonly
7.多选按钮
3.<form>
    你的兴趣爱好是:
    <input type="checkbox" />音乐
    <input type="checkbox" />阅读
    <input type="checkbox"checked />电影
    </form>
8.提交按钮
<input type="submit">
1.点击按钮之后跳转到form表单指定的Action。
2.Value属性:value对应的值就是按键上显示的文字
3.点击按钮:将form表单中的input的name属性(键)和用户输入的值组成键值对(或input标签value属性对应的值)。并拼接到form表单和action属性值的后面。
9 重置按钮
<input type="reset"value="">
(1)重置表单内部的输入框(单选按钮)
(2)Value属性:value对应的值就是要现实的文字
10. 普通按钮
<input type="button"value="">
(1)点击按钮,内有任何反应。
(2)Value属性:value对应的值就是要现实的文字Value
11.图片按钮
<input type="image"src=""alt="">
1.作用和submit按钮是一样的
2.需要设置src属性的值,如果src对应的路径没有找到图片,并且有设置alt属性,按钮显示默认值“提交”,若果设置了alt属性则显示alt的值。(类似img标签)
12.button标签
1.内容可以是任意资源(图片、段落、视频)
2.button标签在form内部时,等同于submit。