源码参考【GitHub】 表单常用元素： 表单属性 例：输入姓名、年龄，打印出姓名和年龄 运行结果： 例：两个页面显示 运行结果：提交后会跳转到02_submit.php，输出结果 例： 运行结果：点击这里会跳转输出Bad、Hello，点击图片会跳转输出World 运行结果：点击提交后，跳转页面输出结果 例： 运行结果：点击submit提交，点击button弹出以下界面，点击reset重置文本框 例： 运行结果：输入用户名bad，密码123，跳转到新页面输出Welcome！ 运行结果：文本域中输入的内容会被打印出来，nl2br是为了换行输出，输出的值会有隐藏域中Bad值 例： 运行结果：将选中的选项全部输出 例： 运行结果：填写完成信息后，打印出信息
文章目录
表单概述
表单元素
说明
Input type=“checkbox”
复选框、允许用户在多个选项中选择多项
Input type=“radio”
单选框、用于设置一组选择项、用户只能选择个选项
Input type=“select”
下拉列表框、在列表中有多项可供选择,可单选或多项,默认为单选
Input type=“text”
单行文本域、允许输入-行文本
Input type=” password”
密码框、输入字符以密码形式显示
多行文本框
Input type=“hidden”
隐藏域、以隐含的方式提交信息
Input type=“reset”
重置按钮、重置和清空表单内容
Input type=“submit”
提交按钮、表单信息提交到服务器
Input type=“button”
普通按钮、设置属性可以执行javascript脚本
Input type=“file”
文件域、当文件上传时用用来打开一个模式窗口以选择文件
表单元素的属性
说明
name
名称属性、提交后通过名称可以获得表单元素的内容
id
类似名称属性、用于区别不同的表单元素、在javascript中经 常通过id获取表单元素的内容
size
文本域的宽度、列表框的可见项目数
value
文本框的内容、按钮的显示文本，等等
rows
多行文本框的行数
cols
多行文本框的列数
表单和表单的提交
<form action="url" method="get|post" target="...">...</form>
_blank：在新的浏览器窗口中显示_self：本窗口显示_parent：父窗口显示_top：把文档调入到原来的最顶部的浏览器窗口中
使用post方法提交表单
<body> <form id="form1" name="form1" method="post" action=""> <p>请输入姓名： <label for="textfield"></label> <input type="text" name="textfield" id="textfield" /> </p> <p>请输入年龄： <label for="textfield2"></label> <input type="text" name="textfield2" id="textfield2" /> </p> <p> <input type="submit" name="button" id="button" value="提交" /> </p> </form> </body> <?php if (isset($_POST['button'])){ echo "Your Name is:".$_POST['textfield']."<br />"; echo "Your Age is:".$_POST['textfield2']; } ?> 
# 第一个页面 <body> <form id="form1" name="form1" method="post" action="02_submit.php"> <p>请输入姓名： <label for="textfield"></label> <input type="text" name="textfield" id="textfield" /> </p> <p>请输入年龄： <label for="textfield2"></label> <input type="text" name="textfield2" id="textfield2" /> </p> <p> <input type="submit" name="button" id="button" value="提交" /> </p> </form> </body> # 第二个页面02_submit.php <body> </body> <?php echo "Your Name is:".$_POST['textfield']."<br />"; echo "Your Age is:".$_POST['textfield2']; ?> 使用get方法提交表单
<body> <form id="form1" name="form1" method="get" action=""> 请输入姓名：<input type="text" name="textname" /><br /> 请输入年龄：<input type="text" name="textage" /><br /> <input type="submit" name="button" value="确定" /> </form> </body> <?php if (isset($_GET['button'])){ echo "Your Name is:".$_GET['textname']."<br />"; echo "Your Age is:".$_GET['textage']; } ?> 需要将POST更改为GET，使用两个界面来获取参数的方法相同 获取超链接传输的数据
<a href=URL name=name target=target... >链接文字</a><a href=URL name=name target=targt..><img src="图片" width="宽度" height="高度"...></># 04中的代码 <body> <a href="04_link.php?name1=Bad&name2=Hello" target="_blank">点击这里</a><br /> <a href="04_link.php?name3=World" target="_blank"><img src="images/1.jpg"></a><br /> </body> # 04_link中的代码 <?php if (isset($_GET['name1'])){ echo $_GET['name1']."<br />"; echo $_GET['name2']."<br />"; } if (isset($_GET['name3'])) echo $_GET['name3']; ?> 
通过网址方式传递
# 05页面代码 <body> <form id="form1" name="form1" method="get" action=""> <p>请输入姓名： <input type="text" name="textfield" id="textfield" /> </p> <p>请输入年龄： <input type="text" name="textfield2" id="textfield2" /> </p> <p> <input type="submit" name="button" id="button" value="提交" /> </p> </form> </body> </html> <?php if (isset($_GET['button'])){ $name=$_GET['textfield']; $age=$_GET['textfield2']; echo "<script> window.location.href='05_link.php?name=$name&age=$age'</script>"; //通过网址传递参数 } ?> # 05_link.php中的代码 <?php echo $_GET['name']."<br>"; echo $_GET['age']."<br>"; ?> 提交按钮、一般按钮、重置按钮
<input type="submit" name="按钮名称" id="按钮id" value="按钮上显示的文字" />
<input type="reset" name="按钮名称" id="按钮id" value="按钮上显示的文字" /><input type= "utton" name="按钮名称" id="按钮id" value="按钮上显示的文字" onclick="function_name(){"/> <script languange="javascript"> function function_name(){ } </script> <body> <form id="form1" name="form1" method="post" action=""> <p> <input type="text" name="textfield" id="textfield" /> </p> <p> <input type="submit" name="button" id="button" value="submit" /> <input type="button" name="button2" id="button2" value="button" onclick="fun1();" /> <input type="reset" name="button3" id="button3" value="reset" /> </p> </form> </body> <script> function fun1(){ alert('Bad') } </script> 
文本域和密码域
<input type="text" name="名称属性" value="文字内容" size="字符宽度"...>
<input type="password" name="名称属性" value="文字内容" size="字符宽度"..># login.php页面内容 <body> <form id="form1" name="form1" method="post" action=""> <p> 请输入用户名： <input type="text" name="user" id="textfield" /> </p> <p> 请输入密码： <input type="password" name="passwd" id="textfield2" /> </p> <p> <input type="submit" name="button" id="button" value="提交" /> </p> </form> </body> <?php if (isset($_POST['button'])){ if (($_POST['user']=='bad')&&($_POST['passwd'])=='123'){ $name=$_POST['user']; $passwd=$_POST['passwd']; echo "<script>window.location.href='login1.php?user=$name&passwd=$passwd';</script>"; } } ?> # login1.PHP页面内容 <?php if (isset($_GET['user'])){ if (($_GET['user']=='bad') && ($_GET['passwd']=='123')) echo "Welcom!"; } else{ echo "<script>window.location.href='login.php'</script>"; } ?> 多行文本域和隐藏域
<textarea name="名称属性" cols="列数" "rows="行数">文本内容</textarea>
cinput type="hidden" name="名称属性" value"内容">
<body> <form id="form1" name="form1" method="post" action=""> <p> <textarea name="textarea" id="textarea" cols="45" rows="5"></textarea> <input type="hidden" name="hiddenField" id="hiddenField" value="Bad" /> </p> <p> <input type="submit" name="button" id="button" value="提交" /> </p> </form> </body> <?php if (isset($_POST['button'])){ echo $_POST['hiddenField']."<br />"; echo nl2br($_POST['textarea']); } ?> 单选框、复选框和下拉列表框
<input type="check" name="名称属性"value="值">文本
<select name="名称属性" size="可见列表项" multiple> <option value="值1" selected="selected"></option> <option value="值2">...</option> </select> <body> <form id="form1" name="form1" method="post" action=""> <p> <label for="select"></label> <select name="select[]" id="select" multiple="multiple"> <option value="一班">一班</option> <option value="二班">二班</option> <option value="三班">三班</option> <option value="四班">四班</option> </select> </p> <p> <input type="submit" name="button" id="button" value="提交" /> </p> </form> </body> <?php if (isset($_POST['button'])){ $class=implode(",",($_POST['select'])); echo $class; } ?> 
name="select[]"输出数组multiple="multiple"可以多选用户注册
<body> <form id="form1" name="form1" method="post" action=""> <table width="598" height="177" border="1" align="center"> <tr> <td width="117">用户名</td> <td width="465"><label for="textfield"></label> <input type="text" name="textfield" id="textfield" /></td> </tr> <tr> <td>密码</td> <td><label for="textfield2"></label> <input type="password" name="textfield2" id="textfield2" /></td> </tr> <tr> <td>性别</td> <td><input type="radio" name="sex" value="男" /> <label for="radio">男 <input type="radio" name="sex" value="女" /> 女</label></td> </tr> <tr> <td>职称</td> <td><label for="select"></label> <select name="select" id="select"> <option value="教授">教授</option> <option value="副教授">副教授</option> <option value="讲师">讲师</option> </select></td> </tr> <tr> <td>爱好</td> <td><input type="checkbox" name="hobby[]" id="checkbox" value="轮滑"/> <label for="checkbox"></label> 轮滑 <input type="checkbox" name="hobby[]" id="checkbox2" value="篮球"/> <label for="checkbox2">篮球 <input type="checkbox" name="hobby[]" id="checkbox3" value="乒乓球"/> 乒乓球</label></td> </tr> <tr> <td>个人简历</td> <td><label for="textarea"></label> <textarea name="textarea" id="textarea" cols="45" rows="5"></textarea></td> </tr> <tr> <td> </td> <td><input type="submit" name="button" id="button" value="提交" /></td> </tr> </table> </form> </body> <?php if (isset($_POST['button'])){ echo "用户名:".$_POST['textfield']."<br />"; echo "密码:".$_POST['textfield2']."<br />"; echo "性别:".$_POST['sex']."<br />"; echo "职称:".$_POST['select']."<br />"; $hobbys=implode(",",$_POST['hobby']); echo "爱好:".$hobbys."<br />"; echo "个人简介：".nl2br($_POST['textarea']); } ?> 
以上内容均属原创，如有不详或错误，敬请指出。
本文作者： 坏坏
本文链接： https://blog.csdn.net/qq_45668124/article/details/105961885
版权声明： 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明出处！
本网页所有视频内容由 imoviebox边看边下-网页视频下载, iurlBox网页地址收藏管理器 下载并得到。
ImovieBox网页视频下载器 下载地址: ImovieBox网页视频下载器-最新版本下载
本文章由: imapbox邮箱云存储,邮箱网盘,ImageBox 图片批量下载器,网页图片批量下载专家,网页图片批量下载器,获取到文章图片,imoviebox网页视频批量下载器,下载视频内容,为您提供.
阅读和此文章类似的: 全球云计算
官方软件产品操作指南 (170)
