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。
<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。
阅读全文
1 0
- HTML列表 form表单 选择按钮
- HTML:关于form表单的重置按钮
- form表单 重置按钮
- HTML表单(Form)
- HTML表单(Form)
- HTML表单、<form>
- html form 表单
- html form表单
- HTML FORM 表单
- html - form提交表单
- HTML表单<form>
- Html 中的form(表单)
- HTML Form表单详解
- HTML表单form
- html的表单form
- <html>form(表单)
- 【HTML】3.Form表单
- html form表单reset
- [NOIP2017模拟]能源
- 实验六 MPEG音频编码实验
- IOException
- SPI、IIC、UART区别
- hdu2603 Wiskey's Power(物理题)
- HTML列表 form表单 选择按钮
- [NOIP模拟][二分]能源
- 国内十大ARKit 品牌公司厂商简介!
- jzoj. 3450. 【NOIP2013模拟联考3】山峰(summits)
- openstack交互接口记录
- 定位BUG之日志【巧妙的日志设计】
- 数据结构实验:员工管理系统
- (原创)ShareSDK-iOS端分享各平台配置总结_iOS10+最新版
- 用js实现随机选取10–100之间的10个数字,存入一个数组,并排序