html表单的提交,单选和多选按钮,隐藏域的编写

我们经常在html中用到表单,可以说传递信息的一种渠道。我们通过用到checkbox关键字来显示多选框,而使用radio关键字来代表单选,还有个用hidden表示隐藏域。下面看看代码。

操作方法

  • 01

    打开记事本,输入html基本结构代码:<html><head><title>表单元素</title></head><body></body></html>.打完后保存为t.html.

  • 02

    在<body></body>之间加form表单,用<form></form>标签。其中form里有些属性和方法,一般这样写:< form action="ok.html" method="get"></form>.然后在form里加入单选是这样的: 您的性别是:(单选) <input type='radio' name='sex' value='nan'>男 <input type='radio' name='sex' value='nv'>女 <br />

  • 03

    接着可以写多选按钮的,加入如下代码【选择喜欢的食物举例】。 您最喜欢哪些食物:(可多选) <input type="checkbox" name='foods' value='niurou'>牛肉 <input type="checkbox" name='foods' value='caixin'>菜心 <input type="checkbox" name='foods' value='lianou'>莲藕 <br/>

  • 04

    如果要添加隐藏域,继续添加如下代码: 隐藏域的使用: <input type='hidden' name='data' value='ok' /> <input type='submit' value='test' />

  • 05

    然后我们保存好。可以通过双击打开。效果图,如下:

  • 06

    在上面男女性别选择上,只能选其一,说明radio效果起作用了。

  • 07

    可以试一试。说明:form里的方法除了get方法,还有post方法。两者区别请参考PHP手册。

  • 08

    注意要有name和value的值,否则传不到另外的页面的。

(0)

相关推荐

  • dz 您的请求来路不正确或表单无法提交

    操作方法 01 自从我的社区升级到0201版后,在内容页面点击支持或反对时总是提示:抱歉,您的请求来路不正确或表单无法提交,搜了下官方,很多人都出现这种问题,但并没有一个解决的方法.后来自己后台把模板 ...

  • 教你设置防止web表单重复提交的几种策略

    网页美工培训课程老师教你设置防止web表单重复提交的几种策略,因为表单重复提交是在多用户Web应用中最常见.带来很多麻烦的一个问题.有很多的应用场景都会遇到重复提交问题,比如:点击提交按钮两次.点击刷 ...

  • 防止form表单重复提交(java后端解决重复提交问题)

    在javaweb方向做开发的小伙伴们,肯定都会遇到表单重复提交的问题.这种问题出现的原因或者说应用场景大致如下:网络延迟,服务器未能及时做出响应,导致用户不断重复点击提交按钮用户双击有意识的双击或者多 ...

  • 怎么在Excel文档中插入单选、多选按钮

    Excel是现在十分常用的一款办公软件,有些新用户不知道怎么在Excel文档中插入单选.多选按钮,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步先打开电脑中的Excel文档,接着 ...

  • 用Frontpage制作电子邮件提交表单

    现在很多网站都需要访问者填各种表进行注册.每当有访问者填完表点一下"提交"按钮后,网站管理者便会收到一份包含站点访问者输入到表单中的全部数据的邮件,这样对网站的管理是十分便利的. ...

  • 话说,移动端表单你真的了解吗?

    前言: 用App时每次遇到填写表单都会是一件头疼的事情,所以作为设计师,每次设计表单界面时也不可以忽略她的重要性,我们需要先了解表单的基本组件样式和使用场景,然后运用到设计当中,在不同的情境下适应最合 ...

  • Html 表单标签元素

    Html form 表单区域标签元素 form表单目录 Form表单区域标签语法与结构 Form表单区域标签使用说明 案例html代码 DW软件里截图 html form表单总结 操作方法 01 Fo ...

  • 表单大师的3个技巧

    大表姐的日常就是天天挖土找金子,开个玩笑啦,其实是每天打开表单100次.所以有了这篇推文,不废话,今天给大家带来了以下3个小技巧: 自动填充 01 之前写过一篇"有一种偷懒的方法叫自动填写& ...

  • 如何设计表单的错误信息

    本文中,我们会讨论如何通过优化错误提示信息,来优化UI表单的设计. 在UI界面的设计中,用户的操作失误不可避免,通过错误提示将当前状态传达给用户,这种反馈机制可以帮助用户及时作出调整并找到合理的解决方 ...