扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
p代码中获取表单中单选按钮的值:(单选按钮只能让我们选择一个,这里有一个“checked”属性,这是用来默认选取的,我们每次刷新我们的页面时就默认为这个值。)
创新互联-成都网站建设公司,专注成都做网站、成都网站制作、成都外贸网站建设、网站营销推广,域名注册,雅安服务器托管,成都网站托管有关企业网站制作方案、改版、费用等问题,请联系创新互联。
例:form name="myform" action="" method="post"
性别:
input type="radio" name="sex" value="男" checked /男input name="sex" type="radio" value="女" /女
input type="submit" name="submit" value="提交" /
/form
?php
echo "您的选择是:";
echo $_POST["sex"];
?
如果你选择的是男,则出来的值就是“男”,要是你选择的是女,则出来的值就是“女”。
php实现回事提交数据,这需要JS配合才行。如果不用JS。用FORM提交的话,那就要保证当前焦点在提交按钮上。
下面主要介绍一下JS配合提交数据。
1 ,登录界面效果。当然你也可以有自己的界面,下图仅供参考
2,HTML代码。仅供参考
首先需要载入JQUERY的核心文件。具体的代码,可以直接写在页面中,也可以单独放在一个JS文件中,像本人,就是另外放在一个文件中。
onkeydown="if(event.keyCode==13) mellee.enter()"这句话,才是回车键提交的核心。他的意思就是,当键盘按键等于13的时候,13就是回车键的代号,就执行mellee.enter()这个函数,这个函数可以自定义。
3,JS代码如下。,
蓝色边框表示是接收数据和处理前台提示之类的,可以忽略。
下面绿色的,才是表示提交。用的是$.getJSON提交。返回json字符串。
这里就是后台处理登录代码。登录成功,可以作某些操作,登录失败,作某些操作。
本人这里是将登录信息除了写入数据库外,同时写入了cookie。方便下次登录,
后台数据处理有很多种方法的。这里提供的是C#代码,供参考。
利用表单提交,范例代码如下:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
title无标题文档/title
/head
body
table
form name="" action="ip地址" method="post" (这里是新增的)
tr
td valign="top" height="110"兴趣特长:/td
tdtextarea name="content" rows="6" class="textarea0" style="width:630px" /textarea/td
/tr
tr
td valign="top"自我评价:/td
tdtextarea name="content" rows="6" class="textarea0" style="width:630px" /textarea/td
/tr
tr
td colspan="2" align="center"input type="submit" value="提交" //td
/tr
/form (这里是新增的)
/table
/body
/html
一、添加表单、布局表格
1、新建文档,保存为write.asp这个页面是签写留言的。首先要插入一个表单见图2。
二、添加表单域
1、姓名:在姓名对应的表格里添加文本字段,在属性面板上取名为name见图4,这样做是为了与数据库的字段名字相对应。
图4 姓名对应的表单域命名
2、OICQ、EMAIL、个人主页的表单域的添加方法同上,均为文本字段,分别命名为:OICQ|oicq,EMAIL|mail,个人主页|homepage。
3、头像:在相对应的单元格里分别插入用户头像图片,然后添加对应的单选按钮命名为:tx。
4、性别:在姓名对应的表格里添加两个单选按钮,选中性别男单选按钮:在属性面板为它改名为sex选定值为男,初始状态-已勾选,
设置见图5。 选中性别女单选按钮:在属性面板为它改名为sex选定值为女,初始状态-未选中,方法同上。
图5 性别男:对应表单域单选按钮的设置
5、提交与重置按钮:在最下面的单元格添加两个按钮,选中提交按钮:在属性面板为它改名为Submit,标签选提交,动作-提交表单,
设置见图6。 选中重置按钮:在属性面板为它改名为Submit2,标签选重置,动作-重设表单,方法同上。
图6 提交按钮属性
6、添加隐藏区域:在提交按钮旁单击添加隐藏区域,在属性面板里为它改名为IP,在值里添加代码 %= Request("remote_addr") %
这段代码是获取客户端IP的,见图7。
三、定义提交按钮的服务器行为
1、选中的整个表格,打开服务器行为面板,单击“+”按钮选择菜单下的插入记录,见图9。
图9 服务器行为-插入记录
2、设置表单域与数据库字段名一一对应,在表单元素里分别依次选中元素,在下面的列里选择与数据库相对应的域,见图10。
图10 插入记录对话框
四、定义表单提交的错误检查(行为面板)
1、签写留言时为了避免有错误信息的写入,添加表单提交的错误检查功能。打开设计面板下的行为面板,单击"+"选择检查表单,见图11。
图11 设计-行为-检查表单
2、设置表单域和检查事件:name选择必需的,ociq选择数字,mail选择必需的和电子邮件,homepage不选,liuyan选择必需的,见图12。
一、控制一页显示留言数和翻页按钮
先介绍应用程序下的按钮:记录集导航条:翻页功能按钮,记录集导航条状态:显示留言数量功能按钮,见图1。
图1 应用程序-记录集导航条/记录集导航状态
1、光标移到页面下方,单击记录集导航状态就会弹出记录集导航状态对话框,见图2。
图2 记录集导航状态对话框
2、再回车另起一行,单击记录集导航条就会弹出记录导航对话框,记录导航条将以文字方式显示,见图3。
图3 记录集导航条对话框
这样我们就完成了显示留言数量和翻页按钮,见图4。
图4 已加好翻面和显示留言数功能
二、留言内容显示问题
1、现在main.asp文件基本完成。当然,你会想到:如果我们输入一些html代码,会怎么样呢? 我们来输入一行html代码试一下,输入: font color="#0000FF" size="7" 测试 /font ,结果见图5,这个当然是不安全的。也就是为什么决大部分论坛不支持html的原因。
再测试看看,用户的留言如果很长,表格会自动撑大(文字不会自动换行)!!
2.、为了解决以上问题,我们将原来绑定到留言单元格中的记录集字段( %=(Recordset1.y_liuyan)% )删除,添加“文本区域”,添加好后的文本区域见图7。
图7 添加好的文本区域
3、然后选中刚才添加的文本区域,在属性面板里点击打开动态数据对话框,添加动态留言文本字段y_liuyan,见图8。
图8 为文本区域添加动态数据
现在可以在留言试试看,表格自动换行,而且不支持html代码了,留言内容的显示问题也可以借助Dreamweaver MX的插件来实现的。
onclick属性是调用javascript函数的,javascript函数要这样scriptfunction show(){}/script包起来,而且要放在表单前面。而且数据库是在服务器的,javascript是客户端脚本,好像没有调用数据库的。用php举个例的话是这样写,mysql数据库
form method="post" action="1.php"
input type="text" name="text"/
input type="submit" value="ok"/
/form
?php
$text=$_POST['text'];
接下来用php调用数据可方法吧$text变量写入数据库就可以了
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流