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年9月28日
  • 常量表达式(const expression)

    常量表达式(const expression)常量表达式是指值不会改变并且在编译过程中就能得到计算结果的表达式问:intstaff_size=27; constintsz=get_size();是不是常量表达式?答:intstaff_size=27; //staff_size不是常量表达式constintsz=get_size(); //sz不是常量表达式staff_size的数据类型是int而不是constint,是可以改变的,而且get_size()的值直到运行时才能获取到

    2022年9月1日
  • C++中this指针的作用以及用法详解

    C++中this指针的作用以及用法详解为什么引用this指针?当我们在类中定义了一个变量,同时又在类成员函数中定义了同一个变量时,也就是变量名重复时,但是我们要想使用类中的定义的变量,此时就需要this指针了。1.this指针的作用指针存在于类的成员函数中,指向被调用函数类实例的地址。 一个对象的this指针并不是对象本身的一部分,不会影响sizeof()的结果。this指针的作用域是在类内部,当在类的非静态成员函

    2022年5月13日
  • CListCtrl 使用方法

    CListCtrl 使用方法原文出处:MFC列表控件CListCtrl详解CListCtrl::SetExtendedStyleCListCtrl的成员函数声明  DWORDSetExtendedStyle(  DWORDdwNewStyle);  函数功能设置CListCtrl的扩展样式  dwNewStyle指定的扩展样式  LVS_EX_GRI

    2022年6月23日
  • MAC上IDEA Intellij 卸载

    MAC上IDEA Intellij 卸载23456cd /Applications/rm -rIntelliJ\IDEA\14.app/rm -r /Users/sunlu/Library/Logs/IntelliJIdea14/rm -r /Users/sunlu/Library/Preferences/IntelliJIdea14/rm -r /Users/sunlu/Library/Application\Support/…

    2022年6月18日
  • 基于51单片机四路循迹小车

    基于51单片机四路循迹小车这学期开设的51单片机课程的课程设计即将验收,今天开始正式着手做循迹小车~

    2022年6月23日

发表回复

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

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