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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • mysql下载不是运作宝教程_魔力宝贝私服架设教程[通俗易懂]

    mysql下载不是运作宝教程_魔力宝贝私服架设教程[通俗易懂]CC魔力宝贝服务端setup.cf解释#blserv=211.232.109.164//bl服务器地址#blserv=127.0.0.1//bl服务器端口blserv=222.122.31.125//bl服务器地址blservport=1072//bl服务器端口#blservport=9650//bl服务器端口battledebugmsg=0//战斗debug信息ba…

    2022年10月5日
    3
  • 计算机修改用户名密码,怎么修改电脑用户名呢_电脑的登录名和密码在哪里

    计算机修改用户名密码,怎么修改电脑用户名呢_电脑的登录名和密码在哪里曲谱自学网今天精心准备的是《怎么修改电脑用户名》,下面是详解!如何改计算机用户名(administrator)如何改计算机用户名(administrator)…如何改计算机用户名(administrator)1、按“win+R”打开运行,在运行输入框里面输入“gpedit.msc”,如下图所示:2、进去本地组策略编辑器之后,点击“计算机配置-windows设置-安全设置-本地策略-安全选项”,…

    2022年10月14日
    3
  • 双击映射坚果云网盘并打开的AHK源代码

    双击映射坚果云网盘并打开的AHK源代码

    2021年7月8日
    87
  • Android应用开发入门教程(经典版)

    Android应用开发入门教程(经典版)第一篇 Android 系统结构和 SDK 使用第 1 章 Android 的系统介绍第 2 章 AndroidSDK 的开发环境第二篇 Android 应用程序的概述和框架第 3 章 Android 应用层程序的开发方式第 4 章 Android 应用程序示例第 5 章 Android 应用程序的内容第三篇 Android 的 UI 系统实现第 6 章 UI 的基本外形和控制第 7 章控件 Widget 的使用第 8 章视图组 ViewGroup 和布局 Layout 的使用第 9 章 2D 图形接口的使用第 10 章 OpenGL3D 图形的使用

    2025年10月22日
    2
  • vm虚拟机怎么启动_虚拟机macos运行显卡驱动

    vm虚拟机怎么启动_虚拟机macos运行显卡驱动VM上完美运行macos作者:方辰昱时间:十月三号效果图简要步骤下载安装VM下载镜像文件链接,darwin.iso,unlocker,beamoff。合集下载链接:https://pan.baidu.com/s/1jeHA-ksEKT1iK5Ld7GmS9Q提取码:27tjunlock对VM进行操作使其对macos支持安装安装macos磁盘工具建立新的…

    2022年10月1日
    5
  • 智能称体脂称实现(基本原理解释篇)[通俗易懂]

    (本文均出于个人理解而写,仅用于学习和交流,某些过程可能不一定正确,希望各位提出意见进行交流,共同进步)项目简介前段时间接触到一个项目,类似于现在网上热卖的那种智能称,如下图所示

    2022年4月11日
    51

发表回复

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

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