html表格表单的写法

更新时间:2023-08-21 15:58:01 阅读量: 高等教育 文档下载

说明:文章内容仅供预览,部分内容可能不全。下载后的文档,内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的,是否完整无缺。

HTML 表格&表单 写法http://www.gzwangcai .com/

HTML 表格

http://www.gzwangcai .com/

表头和表标题

<th>

表头 表标题

<caption>

/

段旭良@四川农业大学 5025968@

跨列

/

段旭良@四川农业大学 5025968@

跨行

/

段旭良@四川农业大学 5025968@

HTML 表单

http://www.gzwangcai .com/

表单

<form>

为用户输入创建表单,用于向指定的 URL 传递用 户数据。

文本域 复选框 单选按钮 下拉列表

/

<form action=“表单处理程序的URL” method=“get|post”>…</form>

段旭良@四川农业大学 5025968@

get 和 post

method 属性

method="get“

通过URL 传送表单内容: URL?name=value&name=value。

注释:如果表单值包含非 ASCII 字符或者超过 100 个 字符,您则必须使用 method="post"。

/

method="post“

此方法可传送 request 主体中的表单内容将数据在HTTP数据流中编码发送 较为安全的传递数据的方法段旭良@四川农业大学 5025968@

表单输入控件

input

Type

Text、Password、Hide Button、Submit、Reset

Image、FileRadio、checkbox

/

select和option

创建一个下拉列表。

Textarea

多行输入的文本框。段旭良@四川农业大学 5025968@

文本框

type=“text”

属性

size maxlength

value

/

<form id="myForm" action="#" method="post"> <p> 姓<input type="text" id="firstname" /> 名<input type="text" id="lastname" size="50" maxlength="25" value="名" /> </p> </form>

段旭良@四川农业大学 5025968@

单选按钮

type=“radio”

属性

name checked

value

/

<form id="myForm" action="#" method="post"> <p>性别</p> <p> <input type="radio" name="gender" id="male" value="male"/>男 <input type="radio" name="gender" id="female" value="female"/>女 </p> </form> 段旭良@四川农业大学5025968@

复选框

type=“checkbox”

属性

name checked

/

段旭良@四川农业大学 5025968@

下拉列表2

select和option标记

select的属性

multiple="multiple“ size selected=“selected”

option的属性

/

段旭良@四川农业大学 5025968@

/

段旭良@四川农业大学 5025968@

多行文本框

textarea标记

属性

cols和rows 设置初始值

/

段旭良@四川农业大学 5025968@

图片提交和重置按钮

type=“image”

属性

value=“submit”/value=“reset” alt

/

段旭良@四川农业

大学 5025968@

命令按钮

type=“button”

属性

value

/

段旭良@四川农业大学 5025968@

其他

隐藏字段

type=“hidden” 属性

Name、checked、Value

文件上传控件/

type=“file” form表单属性

enctype =“enctype ”:用来编码表单内容的 MIME 类型

method=“post”段旭良@四川农业大学 5025968@

本文来源:https://www.bwwdw.com/article/wsci.html

Top