Form和input标签的使用

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>input的使用</title>
</head>
<body>
<!--复选框,如果需要用户输入多个就选用这个-->
<!--<input type="checkbox">-->
<!--<input type="checkbox">-->
<!--单选框 如果需要用户输入一个就选用这个,比如性别的选择-->
<!--radio中的name运用,只有name一样的时候才能起到互相排斥的作用,
也就是只能选择一个 虽然name是所有标签都有的属性,但在radio中的用法不一样 -->
<!--<input type="radio">-->
<!--<p>男:<input name="gender" type="radio"></p>-->
<!--<p>女:<input name="gender" type="radio"></p>-->
<!--text就是提供文本输入信息,无讲解-->
<!--<input type="text">-->
<!--password就是提供密码输入,但已密文的方式显示出来,无讲解-->
<!--<input type="password">-->
<!--<input type="button">-->
<!--提交表单,submit 的用法,submit提交的信息必须保证在form中,form表单保存的方式是字典形式,也就是
一个keys,一个values,所以添加一个属性name,为什么不用id呢,因为id只能在html中,不能提交到后台,
action的作用是,将submit的数据提交到哪,这里只是用百度做示例,一般情况下是提交到你自己写的页面里面-->

<h1>submit和表单的使用</h1>
<!--<form action="http://www.baidu.com">-->
  <!--<div>-->
    <!--主机名:<input name="host" type="text">-->
  <!--</div>-->
  <!--<div>-->
    <!--端口:<input name="port" type="text">-->
  <!--</div>-->
  <!--<div>-->
    <!--类型:<input name="types" type="text">-->
  <!--</div>-->
  <!--<div>-->
    <!--用户名:<input name="user" type="text">-->
  <!--</div>-->
  <!--<input type="submit">-->
<!--</form>-->
<!--一条横线-->
<hr>
<!--选择文件-->
<input type="file">

<form>

</form>
</body>
</html>

时间: 2024-12-09 01:00:19

Form和input标签的使用的相关文章

html之input标签和form标签

input标签 input标签是自己闭合的 <input /> input系列有checkbox.redio.password.button.file等 1.type='text' 和type='password' <input type='text' /> type='text' 和type='password' 用户名:<input type="text"/> <br/><br/> 密  码:<input type=

html5中form表单新增属性以及改良的input标签元素的种类

在HTML5中,表单新增了一些属性,input标签也有了更多的type类型,有些实现了js才能实现的特效,但目前有些浏览器不能全部支持.下面是一些h5在表单和input标签上的一些改动. <!DOCTYPE html><html> <head> <title>表单测试</title> <meta charset="utf-8" /> <!-- 在不支持h5的浏览器中,可以用CSS样式进行改写 --> &

如果input标签中有runat=”server”,则在服务端,Request.Form接收不到

如果input标签中有runat="server",则在服务端,Request.Form接收不到 如果input标签中有runat="server",则在服务端,Request.Form接收不到,码迷,mamicode.com

SpringMVC&lt;from:form&gt;表单标签和&lt;input&gt;表单标签简介 转http://blog.csdn.net/hp_yangpeng/article/details/51906654

SpringMVC<from:form>表单标签和<input>表单标签简介 在使用SpringMVC的时候我们可以使用spring封装的一系列表单标签,这些标签都可以访问到ModelMap中的内容.下面将对这些标签一一介绍. 在正式介绍SpringMVC的表单标签之前,我们需要先在JSP中声明使用的标签,具体做法是在JSP文件的顶部加入以下指令: Jsp代码 <%@taglib uri="http://www.springframework.org/tags/fo

[oldboy-django][2深入django]学生管理(Form)-- 编辑(设置input标签属性,设置input标签默认显示值,设置input的类型)

1 django 后台实现设置input标签属性,设置input标签默认显示值,设置input输入框类型 # Form生成html标签 a. 通过Form生成Input输入框,Form标签,以及submit标签还是要在前端写的, 但是Form标签内的Input标签可以在后台实现:只需要按以下步骤 - views定义StudentForm(Form)类 - views视图函数将Form实例化对象传递给前端 - 前端{{ obj.段 }}即可 b. 通过Form设置前端Input的type属性,即设

常用6种type的form表单的input标签分析及示例

<input> 标签用于搜集用户信息. 根据不同的 type 属性值,输入字段拥有很多种形式.输入字段可以是文本字段.复选框.掩码后的文本控件.单选按钮.按钮等等. 在这里博主介绍6中type的input,分别是文本域.密码字段.单选按钮.复选按钮.提交按钮以及指定图片按钮 1:文本域 文本域通过< ... 653rai悼抑戳眯陨桨<http://baobao.baidu.com/question/ba4ad4dffdea7da838c2d08783ca1801.html?=D&g

HTML table、form表单标签的介绍

本篇主要介绍 table.form标签以及表单提交方式. 目录 1. <table> 标签:在HTML 中定义表格布局. 2. <form> 标签:用于创建 HTML 表单. 3. 表单提交方式:介绍get.post方法. 1. <table> 标签 1.1 说明 在HTML 中定义表格布局. 1.2格式 <table> <caption></caption> <tr> <th></th></

HTML简单登录和注册页面及input标签诠释

今天第一次接触HTML这种语言,虽然不能完全理解其中的意思,过去学的英语单词几乎也忘了差不多了,但是感觉进入这门语言学习之后就没有那么难了,一步一步来吧!下面巩固下今天学内容: HTML是一种超文本标记语言.HTML 标签是由尖括号包围的关键词,比如 <html>.HTML 标签通常是成对出现的,比如 <b> 和 </b>: <html> 与 </html> 之间的文本描述网页: <body> 与 </body> 之间的文

html5 input 标签

1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="content-type" content="text/html" /> 5 <meta name="author" content="Prince" /> 6 7 <title>form</title> 8 </head>