html标签(完结篇)

最新推荐文章于 2022-10-25 12:32:27 发布

正在努力的前端小白

最新推荐文章于 2022-10-25 12:32:27 发布

阅读量138

点赞数

分类专栏： html 文章标签： html linq 前端

本文链接：https://blog.csdn.net/m0_64242574/article/details/124862337

版权

html 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

今天我为大家讲解html常用的最后一些标签。

表单标签及属性

标签 <form 属性1="属性值1" ……>表单内容</form>

属性 action：表单处理的方式 method：表单数据的传送方式

action：form数据交给服务器端哪个程序处理

method：表单数据的传送方式

method=get 有显示、有限制；速度快、安全性差

method=post 无显示、无限制；速度慢、安全性好

这是method不同传送方式的特点，默认情况下都是get

form的子标签

文本框 <input type="text" maxlength="" size="" name="" value="" />

type – 类型

maxlength – 允许输入的最大字符长度

size – 文本框宽度（字符）

name – 提交到服务器端的变量的名字

value — 提交到服务器的输入值

密码框 <input type="password" maxlength="" size="" name="" value="" />

单选按钮 <input type="radio" name="" value="" [checked] >

注意：name必须有值，并且多个单选按钮的name属性值要一致，构成单选按钮组。

复选框 <input type= " checkbox" name="" value="" [checked] >

注意：多个复选框的name属性值一致

提交和重置按钮

提交 <input type="submit" value="">

重置 <input type="reset" value="">

作用提交：将表单内容提交给action中的程序处理

重置：将输入到表单中的信息恢复到初始状态

图像域语法：<input type="image" name="" src="文件路径">

作用：制作图像按钮,代替submit或reset按钮提交或重置表单

选择栏

select标签、option标签属性

select属性	select描述
size	取数字，表示选择栏一次可见的列表项数
name	控制select的名字
multiple	没有值，表示可选多个项

option属性	option描述
selected	没有值，表示本项是预置的
value	对应于该项内容的操作值

多行文本输入框（tex文件域 <input type="file" name="" size="" >tarea） <textarea name="" rows="" cols="" > 多行文本 </textarea>

说了这么多，接下来我为大家演示下实际效果

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>

<h1 align="center">请认真填写下列问卷信息</h1>
<form align="" action="" method="get">
姓名:&nbsp<input type="text" name="userName" value="小帅" size="" /><br/>
性别:&nbsp男<input name="sex" type="radio" checked/>
女<input type="radio" name="sex"/><br/>
毕业院校:&nbsp<input type="text" name="userxuexiao" size=""/><br/>
学历:&nbsp<select name="provience" >
             <option value="0" selected>请选择学历</option>
             <option value="1">初中</option>
             <option value="2">高中</option>
             <option value="3">本科</option>
             <option value="4">研究生</option>

</select><br/>
<!--<input type="password" name="userPassword"/><br/>-->
工作意向:&nbsp程序员：<input type="checkbox" name="hobby" checked/> &nbsp
	软件测试：<input type="checkbox" name="hobby" />&nbsp
	界面设计：<input type="checkbox" name="hobby" />&nbsp
	数据库管理：<input type="checkbox" name="hobby" />&nbsp
	网络管理：<input type="checkbox" name="hobby" />&nbsp<br/>
经验介绍：<br/><textarea rows="5" cols="100">请写下你的经验</textarea><br/>
<input type="submit" value="提交"/>&nbsp&nbsp&nbsp
<input type="reset" value="重置"/>&nbsp&nbsp
<br/><br/>
附件:<input type="file" name="file"/>
</form>
</body>
</html>