HTML表单
注意要与表格区分开,表单是,html的动态标签,我前面的博客说的都是静态的页面,在这里表单有以下几种类型:
(1)单行文本框(input(标签))
(2)密码文本框
(3)单选框
(4)复选框
(5)按钮
(6)文件上传
(7)多行文本框(textarea标签)
(8)下拉列表(select标签)
示例:
html form标签
示例
属性 | 说明 |
---|---|
name | 表单名称,可以用来区分不同的表单 |
method | 提交方式,有两种http提交方式:get、post,post安全性更好 |
action | 指定提交地址 |
target | 打开方式(与标签类似),只会用到_blank属性 |
enctype | 指定提交的编码方式 |
input表单
大部分表单都是用input,因为它可以有很多灵活的变化,根据不同的type属性值,它完全可以适应多种情况下的使用。
type属性 | 作用 |
---|---|
text | 单行文本框 |
password | 密码文本框 |
radio | 单选框 |
checkbox | 多选框 |
button或submit或reset | 按钮 |
file | 打开文件资源管理器,选择文件上传 |
使用示例:
html form标签
示例
-------
-------
-------
-------
-------
-------
男
女
下面有详细介绍:
详细介绍
当input标签type="text和type="password"时,还有三个常用属性:
属性 | 说明 |
---|---|
value | 设置文本框的默认值,也就是默认情况下填写的文字 |
size | 设置文本框的长度 |
maxlength | 设置文本框中最多可以输入的字符数,加不加这个属性不会对单行文本框的外观有影响 |
下拉框:
select属性:mutiple(设置多选)、size(设置下拉列表显示几个选项)
option属性:selected(是否选中)。
按钮也有三种:
(1)普通按钮配合JavaScript来进行各种操作的。type="button"
(2)提交按钮用来给服务器提交数据的。type="submit"
(3)重置按钮一般用来清除用户在按钮所属表单中输入的内容。type="reset",如果不是按钮所属表单,表中内容与这个按钮无关。
input标签之单选框radio
为什么这里用一个单独的标题来写呢?原因是单选框有许多地方要注意。
(第二天补上,六级积极备考中,编译原理积极复习)
首先语法是这样子的:
取值
这两个属性一定要设置,同时注意组名name在同一组单选框里面要一致,否则就变成了多个单选框(可以同时选择多个),<>后面跟的一般与value相同。
还有一个要注意的地方是还有一个属性叫checked,加上之后就可以让它默认选择。
语法:
取值
然后还有一个叫做复选框的东西(checkbox)属性与单选框一致
最终练习
总结练习
账号:
密码:
性别:
男
女
会的技能:
C
C++
Java
Python
个人介绍:
上传简历pdf:
写在最后:为期12天(看我的博客主页就可以看出来了)把html基础语法学完了,这个过程还是比较轻松的,因为之前学习过Python和C++,所以对这个语言还是非常好接受的,下一步,进军CSS,不知道需要几天。