HTML表单

HTML表单

注意要与表格区分开,表单是,html的动态标签,我前面的博客说的都是静态的页面,在这里表单有以下几种类型:
(1)单行文本框(input(标签))
(2)密码文本框
(3)单选框
(4)复选框
(5)按钮
(6)文件上传
(7)多行文本框(textarea标签)
(8)下拉列表(select标签)
示例:




    
    html form标签


    

示例



实现效果:
HTML表单_第1张图片
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)属性与单选框一致

最终练习

实现效果:
HTML表单_第2张图片
代码:




    
    总结练习


    账号:
    
密码:
性别:
会的技能: C C++ Java Python
个人介绍:

上传简历pdf:

写在最后:为期12天(看我的博客主页就可以看出来了)把html基础语法学完了,这个过程还是比较轻松的,因为之前学习过Python和C++,所以对这个语言还是非常好接受的,下一步,进军CSS,不知道需要几天。
HTML表单_第3张图片

你可能感兴趣的:(html5)