HTML的表单元�

HTML的表单元�

大家好,又见面了,我是全栈君,祝每个程序员都可以多学几门语言。

HTML的表单元素

表单元素是同意用户在表单中(比方:文本域,下拉列表,单选框,复选框等等)输入信息的元素

表单标签

HTML的表单元�

文本域(Text Fields)

当用户要在表单中键入字母,数字等内容时,就会用到文本域

单选button(Radio Buttons)

当用户从若干给定的的选择中选取其一时,就会用到单选框

复选框(Checkboxes)

当用户须要从若干给定的选择中选取一个或若干选项时,就会用到复选框

表单的动作属性(Action)和确认button

当用户单击确认button时,表单的内容会被传送到还有一个文件,表单的动作属性定义了目的文件的文件名称,由动作属性定义的这个文件一般会对接收到的输入数据进行相关的处理

以下举几个样例

<html>
<head>
<title>Welcome</title>
</head>
<h1>登录</h1>
<form action="" method="post">
用户名:<input type="text" name="username"/><br/>
密  码:<input type="password" name="pwd"/></br>
<input type="submit" value="登录"/>  <input type="reset" value="又一次填写"/></br>

<input type="checkbox" name="v1">西瓜</br>
<input type="checkbox" name="v1">苹果</br>

<input type="radio" name="sex"/>男</br>
<input type="radio" name="sex"/>女</br>
<!--隐藏的用处是课提交数据,同一时候不影响界面-->
<input type="hidden" value="123" name="sal"/>

选择你的出生地:
<select name="bir">
<option value="">--请选择--</option>
<option value="bj">北京</option>
<option value="bj">上海</option>
<option value="cq">重庆</option>
</select>
</br>
请留言</br>
<textarea cols="30" rows="10"></textarea></br>
选择要上传的文件</br>
请选择文件:<input type="file" name="myfile"/></br>
</select>
</form>
</body>
</html>

网页打开如图

HTML的表单元�

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/118373.html原文链接:https://javaforall.net

(0)
上一篇 2021年12月7日 上午7:00
下一篇 2021年12月7日 上午7:00


相关推荐

  • R语言入门-安装R和Rstuido软件

    R语言入门-安装R和Rstuido软件安装R和Rstuido软件R语言是用于统计分析,图形表示和报告的编程语言和软件环境;Rstudio是编辑、运行R语言的最为理想的工具之一。1、官网下载R安装包  下载地址为:https://cran.r-project.org  进入链接,如下图所示,在页面顶部提供了三个下载链接,分别对应三种操作系统:Windows、Mac和Linux。请选择自己操作系统对应的链接,接下来我将以wi…

    2022年6月27日
    49
  • OpenClaw(Clawdbot)windows安装完整配置指南

    OpenClaw(Clawdbot)windows安装完整配置指南

    2026年3月13日
    2
  • 【Javascript】【WebRTC】WebRTC从原理到实现(四):ICE服务器

    【Javascript】【WebRTC】WebRTC从原理到实现(四):ICE服务器ICE全称InteractiveConnectivityEstablishment,翻译成中文就是“交互式连通建立方式”它通过综合利用现有STUN,TURN等协议,有效地穿透各种NAT,以更有效的方式来建立会话…

    2022年5月2日
    42
  • JFlow工作流项目集成案例_Java开源项目 RuoYi v4.1.0

    JFlow工作流项目集成案例_Java开源项目 RuoYi v4.1.0RuoYi 平台简介 RuoYi 是一个后台管理系统 基于经典技术组合 SpringBoot ApacheShiro MyBatis Thymeleaf 主要目的让开发者注重专注业务 降低技术难度 从而节省人力成本 缩短项目周期 提高软件安全质量 JFlow 工作流驰骋工作流引擎研发与 2003 年 具有 net 与 java 两个版本 这两个版本代码结构 数据库结构 设计思想 功能组成 操作手册 完全

    2026年3月16日
    1
  • pycharm-professional-2022.01.13 激活码(注册激活)

    (pycharm-professional-2022.01.13 激活码)2021最新分享一个能用的的激活码出来,希望能帮到需要激活的朋友。目前这个是能用的,但是用的人多了之后也会失效,会不定时更新的,大家持续关注此网站~https://javaforall.net/100143.htmlIntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,上面是详细链接哦~0V…

    2022年3月31日
    191
  • 下载jieba 库[通俗易懂]

    下载jieba 库[通俗易懂]步骤:1.打开命令行2.联网3.在C:\Users\User&gt;后面加语句 pipinstalljieba形成 C:\Users\User&gt;pipinstalljieba然后按回车,然后就开始安装在最后一行出现Successfullyinstalledjieba-0.39 证明安装成功  PS由于我们用pip来安装的jieba库嘛…

    2026年2月7日
    3

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号