无为清净楼资源网 Design By www.qnjia.com
前言
这篇笔记记录的是Web表单的相关操作，Web表单主要用来在网页中发送数据到服务器。比如在日常开发中，提交注册时需要提交表单，表单从客户端传送到服务器，经过服务器处理后，再将用户所需要的信息传递回客户端，进而实现PHP与Web表单的交互。
表单
使用<form>元素，并在其中插入相关的表单元素，即可创建一个表单。 表单结构： <form name="form_name" method="method" action="url" enctype="value" target="target_win"> … //省略插入的表单元素 </form >
form标记的属性如下表：
表单（form）由表单元素组成。常用的表单元素有以下几种标记：输入域标记<input>、选择域标记<select>和<option>、文字域标记<textarea>等。
输入域标记<input>
输入域标记<input>是表单中最常用的标记之一。常用的文本框、按钮、单选按钮、复选框等构成了一个完整的表单。
语法格式如下：
<form> <input name="file_name" type="type_name"> </form>
参数name是指输入域的名称，参数type是指输入域的类型。在<input type="">标记中一共提供了10种类型的输入区域，用户所选择使用的类型由type属性决定。
下面举几个type属性例子:
1、text
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>PHP语言基础</title> </head> <body> <form action="index.php" method="post" name="form1" enctype="multipart/form-data"> <tr bgcolor="#FFCC33"> <td width="103" height="25" align="right">文本框：</td> <td height="25" align="left"><input name="user" type="text" value="Bill" id="user" size="20" maxlength="100"></td> </tr> </form> <"Content-Type:text/html; charset=gb2312"); "text-align: center">
name为文本框的名称，value是文本框的默认值，size为文本框的宽度，maxlength为文本框的最大输入字符数，可以通过id获取文本框的值。
2、password
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>PHP语言基础</title> </head> <body> <form action="index.php" method="post" name="form1" enctype="multipart/form-data"> <tr bgcolor="#FFCC33"> <td width="103" height="25" align="right">密码域：</td> <td height="25" align="left"> <input name="pwd" type="password" value="1234567" id="password" size="20" maxlength="100"> </td> </tr> </form> <"Content-Type:text/html; charset=gb2312"); "text-align: center">
密码域，用户在该文本框中输入的字符将被替换为*显示，以起到保密作用。
3、file
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>PHP语言基础</title> </head> <body> <form action="index.php" method="post" name="form1" enctype="multipart/form-data"> <tr bgcolor="#FFCC33"> <td width="103" height="25" align="right">文件域：</td> <td height="25" align="left"> <input name="file" type="file" enctype="multipart/form-data" id="upfile" size="20" maxlength="200"> </td> </tr> </form> <"Content-Type:text/html; charset=gb2312"); "text-align: center">
文件域，当文件上传时，可以用来打开一个模式窗口来选择文件。然后将文件通过表单上传到服务器，上传文件时需要指明表单的属性enctype=”multipart/form-data”才可以实现上传功能。
4、image
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>PHP语言基础</title> </head> <body> <form action="index.php" method="post" name="form1" enctype="multipart/form-data"> <tr bgcolor="#FFCC33"> <td width="103" height="25" align="right">图像域：</td> <td height="25" align="left"> <input name="image" type="image" src="/UploadFiles/2021-04-02/btn__details_praise_selected.png">
图像域是指可以用在提交按钮位置上的图片，这副图片具有按钮的功能
5、radio
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>PHP语言基础</title> </head> <body> <form action="index.php" method="post" name="form1" enctype="multipart/form-data"> <tr bgcolor="#FFCC33"> <td width="103" height="25" align="right">单选按钮：</td> <td height="25" align="left"> <input name="sex" type="radio" value="1" checked>男 <input name="sex" type="radio" value="0" >女 </td> </tr> </form> <"Content-Type:text/html; charset=gb2312"); "text-align: center">
单选按钮，用于设置一组选择项，用户只能选择一项。checked属性用来设置该单选按钮默认被选中。
6、checkbox
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>PHP语言基础</title> </head> <body> <form action="index.php" method="post" name="form1" enctype="multipart/form-data"> <tr bgcolor="#FFCC33"> <td width="103" height="25" align="right">复选框：</td> <td height="25" align="left"> <input name="checkbox" type="checkbox" value="1" checked>苹果 <input name="checkbox" type="checkbox" value="1" checked>小米 <input name="checkbox" type="checkbox" value="1" >三星 </td> </tr> </form> <"Content-Type:text/html; charset=gb2312"); "text-align: center">
复选框，允许用户选择多个选择项。checked属性用来设置该复选框默认被选中。
7、submit
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>PHP语言基础</title> </head> <body> <form action="index.php" method="post" name="form1" enctype="multipart/form-data"> <tr bgcolor="#FFCC33"> <td width="103" height="25" align="right">提交按钮：</td> <td height="25" align="left"> <input name="submit" type="submit" value="提交"> </td> </tr> </form> <"Content-Type:text/html; charset=gb2312"); "text-align: center">
将表单的内容提交到服务器端
8、reset
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>PHP语言基础</title> </head> <body> <form action="index.php" method="post" name="form1" enctype="multipart/form-data"> <tr bgcolor="#FFCC33"> <td width="103" height="25" align="right">重置按钮：</td> <td height="25" align="left"> <input name="reset" type="reset" value="重置"> </td> </tr> </form> <"Content-Type:text/html; charset=gb2312"); "text-align: center">
清除与重置表单内容，用于清除表单中所有文本框的内容，并使选择菜单项恢复到初始值。
9、button
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>PHP语言基础</title> </head> <body> <form action="index.php" method="post" name="form1" enctype="multipart/form-data"> <tr bgcolor="#FFCC33"> <td width="103" height="25" align="right">普通按钮：</td> <td height="25" align="left"> <input name="button" type="button" value="注册"> </td> </tr> </form> <"Content-Type:text/html; charset=gb2312"); "text-align: center">
按钮可以激发提交表单的动作，可以在用户需要修改表单时，将表单恢复到初始的状态，还可以依照程序的需要发挥其他作用。
10、hidden
<input type="hidden" name="信息">隐藏域，用于在表单中以隐含方式提交变量值。隐藏域在页面中对于用户是不可见的，添加隐藏域的目的在于通过隐藏的方式收集或者发送信息。
选择域标记<select>和<option>
通过选择域标记<select>和<option>可以建立一个列表或者菜单。菜单的使用是为了节省空间，正常状态下只能看到一个选项，单击右侧的下三角按钮打开菜单后才能看到全部的选项。列表可以显示一定数量的选项，如果超出了这个数量，会自动出现滚动条，浏览者可以通过拖动滚动条来查看各选项。
语法格式如下：
<select name="name" size="value" multiple> <option value="value" selected>选项1</option> <option value="value">选项2</option> <option value="value">选项3</option> … </select>参数name表示选择域的名称；参数size表示列表的行数；参数value表示菜单选项值；参数multiple表示以菜单方式显示数据，省略则以列表方式显示数据。
1、列表方式
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>PHP语言基础</title> </head> <body> <form action="index.php" method="post" name="form1" enctype="multipart/form-data"> <tr bgcolor="#FFCC33"> <td width="103" height="25" align="right">喜欢哪种编程语言：</td> <td height="25" align="center" > <select name="name" id="code"> <option value="1" selected>Java语言</option> <option value="2">C语言</option> <option value="3">JS语言</option> <option value="4">PHP语言</option> </select> </td> </tr> </form> <"Content-Type:text/html; charset=gb2312"); "text-align: center">
下拉列表框，通过选择域标记<select>和<option>建立一个列表，列表可以显示一定数量的选项，如果超出了这个数量，会自动出现滚动条，浏览者可以通过拖动滚动条来查看各选项。selected属性用来设置该菜单时默认被选中。
2、菜单方式
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>PHP语言基础</title> </head> <body> <form action="index.php" method="post" name="form1" enctype="multipart/form-data"> <tr bgcolor="#FFCC33"> <td width="103" height="25" align="right">喜欢哪种编程语言：</td> <td height="25" align="center" > <select name="name" id="code" multiple> <option value="1" selected>Java语言</option> <option value="2">C语言</option> <option value="3">JS语言</option> <option value="4">PHP语言</option> </select> </td> </tr> </form> <"Content-Type:text/html; charset=gb2312"); "text-align: center">
> multiple属性用于菜单列表```<select>```标记中，指定该选项的用户可以使用Shift和Ctrl键进行多选
文字域标记<textarea>
文字域标记<textarea>用来制作多行的文字域，可以在其中输入更多的文本。
语法格式如下：
<textarea name="name" rows=value cols=value value="value" warp="value"> …文本内容 </textarea>参数name表示文字域的名称；rows表示文字域的行数；cols表示文字域的列数（这里的rows和cols以字符为单位）；value表示文字域的默认值，warp用于设定显示和送出时的换行方式，值为off表示不自动换行，值为hard表示自动硬回车换行，换行标记一同被发送到服务器，输出时也会换行，值为soft表示自动软回车换行，换行标记不会被发送到服务器，输出时仍然为一列。
例如：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>PHP语言基础</title> </head> <body> <form action="index.php" method="post" name="form1" enctype="multipart/form-data"> <tr bgcolor="#FFCC33"> <td width="103" height="25" align="right">请写下你的留言：</td> <td height="25" align="center" > <textarea rows="5" cols="20" name="remark" id="remark">留言...</textarea> </td> </tr> </form> <"Content-Type:text/html; charset=gb2312"); "text-align: center">无为清净楼资源网 Design By www.qnjia.com广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com无为清净楼资源网 Design By www.qnjia.com暂无评论...《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。
更新日志
2024年11月17日2024年11月17日
- 罗志祥《舞状元 (Explicit)》[320K/MP3][66.77MB]
- 尤雅.1997-幽雅精粹2CD【南方】【WAV+CUE】
- 张惠妹.2007-STAR（引进版）【EMI百代】【WAV+CUE】
- 群星.2008-LOVE情歌集VOL.8【正东】【WAV+CUE】
- 罗志祥《舞状元 (Explicit)》[FLAC/分轨][360.76MB]
- Tank《我不伟大，至少我能改变我。》[320K/MP3][160.41MB]
- Tank《我不伟大，至少我能改变我。》[FLAC/分轨][236.89MB]
- CD圣经推荐-夏韶声《谙2》SACD-ISO
- 钟镇涛-《百分百钟镇涛》首批限量版SACD-ISO
- 群星《继续微笑致敬许冠杰》[低速原抓WAV+CUE]
- 潘秀琼.2003-国语难忘金曲珍藏集【皇星全音】【WAV+CUE】
- 林东松.1997-2039玫瑰事件【宝丽金】【WAV+CUE】
- 谭咏麟.2022-倾·听【环球】【WAV+CUE】
- 4complete《丛生》[320K/MP3][85.26MB]
- 4complete《丛生》[FLAC/分轨][218.01MB]
