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


相关推荐

  • 建立排序二叉树并中序遍历

    建立排序二叉树并中序遍历分析:中序遍历也叫中根遍历,顾名思义是把根节点放在中间来遍历,其遍历顺序为左子节点–>根节点–>右子节点。方法一:#includeusingnamespacestd;structnode//二叉树结点结构{intdata;node*left;//右子树结点指针n

    2022年7月25日
    7
  • 大数据常用十种开发语言[通俗易懂]

    大数据常用十种开发语言[通俗易懂]随着大数据热潮持续延烧,几乎每个产业都有如洪水般倾泻的信息,面对上万笔的顾客浏览纪录、购买行为数据,如果要用Excel来进行数据处理真是太不切实际了,Excel相较于其他统计软件的功能已相去甚远;但如果只会操作统计软件而不会用逻辑分析数据背后的涵义与事实现况相应证的话,那也不过只能做数据处理,替代性很高的工作,而无法深入规划策略的核心。  当然,基本功是最不可忽略的环节,想要成为数据

    2022年6月3日
    55
  • win10+黑苹果 单硬盘 双系统 超简单安装 一看就会「建议收藏」

    win10+黑苹果 单硬盘 双系统 超简单安装 一看就会「建议收藏」注意:此教程全机型通用,只需要替换相关的efi文件即可。安装黑苹果的教程已经很多了,本人学的皮毛只适合跟我配置差不多的笔记本电脑,比如神州系列啥的。如果本文出现任何问题请及时指正,谢谢。电脑型号NotebookW65KJ1_KK1笔记本电脑(扫描时间:2019年11月23日)操作系统Windows10专业版64位(DirectX12)处理器英…

    2022年5月18日
    896
  • onedrive无限容量_onedrive家庭版扩容5t

    onedrive无限容量_onedrive家庭版扩容5t由于百度网盘的限速,不得已开始捣鼓微软的OneDrive网盘。相对于百度网盘,Onedrive最大的优势是不限速,速度也是难得的友好。相对于百度网盘,Onedrive最大的劣势是空间大小,个人用户注册仅有5G。曾经无数次因为这么小的空间而望而却步,只能硬着头皮给百度交钱。最近无意间发现了Onedrive的空间可以很大,最大的竟然达到了5T。原来Onedrive的5T版本已经流行…

    2025年10月14日
    5
  • PLSQL基本操作手册

    PLSQL基本操作手册公众号:池哥搬砖QQ1群:745460286个人WX公号:目录第1章用PLSQL连接Oracle数据库§1.2登录信息保存功能设置:§1.3进入PLSQL后切换数据库连接:第2章PLSQL中编写SQL语句并执行第3章PLSQL中查看数据库表结构§3.1查看表结构:§3.2表结构窗口和SQL编写窗口切换:第4章…

    2022年5月2日
    37
  • fastJson注解@JSONField 的作用及其效果「建议收藏」

    【基于fastjson】如果你想让一个实体类里面的某些属性不参与转换成为json字符串,那么使用@JSONField就很舒服。废话不多说,我们看代码!!!!如:User实体类,我在age属性上面使用了这个注解@JSONFieldimportcom.alibaba.fastjson.annotation.JSONField;importjava.io.S…

    2022年4月16日
    209

发表回复

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

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