html怎么制作一个表单+按钮

html怎么制作一个表单+按钮,第1张

你弹出框框干什么?具体要弹出什么内容?

直接在按钮上加事件代码

<Form name="form1" id="form1" action="123html" metod="post">

<input type="submit" value="确定" onclink="if(confirm('你确定吗?'){documentform1submit()}else{return false}">

</form>

1、使用标签<table></table>定义网页的表格,使用style赋值类型将显示在网页。

2、使用<tr>标签定义行,使用<th>定义表头,表头的文字自动加粗。

3、<tr>和<td>标签配合,定义每行中的表格数量,现在定义3行5列的表格。

4、使用<caption></caption>定义表格的标题。

5、表格分为三个部分,表头部,表主体,表尾部。

6、表头部和主体分别放标题和表格的内容,而表的尾部通常放的是页数。

最普通最常用最一般的方法就是用submit type看代码: 

复制代码

代码如下:

<form name=”form” method=”post” action=”#"> 

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

</form>

另外,还有一种常用的方法是使用: 

复制代码

代码如下:

<form name=”form” method=”post” action=”# "> 

<input type=”image” name=”submit” src=”btnSubmitjpg”> 

</form>

第三种是使用链接来提交表单,用到了javascript的DOM模型: 

复制代码

代码如下:

<form name=”form” method=”post” action=”#”> 

<a href=”javascript:formsubmit();”>提交</a> 

</form>

这种方法实际上是调用了一个javascript函数,使用javacript函数来提交表单,方法就非常多非常灵活了,比如可以把它加入到任意一个标签的onclick事件中: 

复制代码

代码如下:

<form name=”form” method=”post” action=”#”> 

<div onclick=”javascript:formsubmit();”> 

<span>提交</span> 

</div> 

</form>

但是,如果一个表单里有需要有多个提交按钮怎么办呢? 

比如一个表单里的提交按钮所指向的处理页面不同,这样由于表单在定义的时候就已经确定下表单数据的处理页面,所以单纯地在表单里放多个提交按钮是没有办法达到目的的。这就需要javascript。 

首先定义一个函数: 

复制代码

代码如下:

<script language=javascript> 

function query(){ 

formaction=”queryphp”; 

formsubmit();} 

function update(){ 

formaction=”updatephp”; 

formsubmit();} 

</script>

通过javascript改变form的action属性值,这样就可以实现多提交按钮而且功能不同了,页面内代码如下: 

复制代码

代码如下:

<form name=”form” method=”post” action=”#”> 

<input type=”button” name=”query” onclick=”query();” value=”查询”> 

<input type=”button” name=”update” onclick=”update();” value=”更新”> 

</form>

上面一段代码,使用的是普通的按钮,而提交功能的实现方法是在它的onclick事件中调用javascript函数 

有了上面这几种提交表单的方法,我想差不多够应付复杂的表单了

欢迎分享,转载请注明来源:表白网

原文地址:https://h5.hunlipic.com/biaobai/2922517.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2024-01-21
下一篇2024-01-21

发表评论

登录后才能评论

评论列表(0条)

    保存