html的body内标签之input系列2

一，input系列：

1. input type=‘text‘ name=‘XXX‘

2. input type=‘password‘ name=‘XXX‘

3. input type=‘submit‘---提交按钮，提交当前表单

4. input type=‘button‘ --按钮

二，一个实例理解一下提交的过程：https://www.sogou.com/web?query=长城

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <form action="https://www.sogou.com/web">
        <input type="text" name="query"/>
        <input type="submit" value="搜索"/>
    </form>

</body>
</html>

运行结果：

输入要搜索的内容：

点击搜索：

时间： 2024-08-08 10:36:04

html的body内标签之input系列2的相关文章

html的body内标签之input系列

1. Form的作用:提交当前的表单 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form> <input type="text"/> <input type=&quo

04：标签之input系列

input标签常用的类型属性(name=key,values=值,提交到后端.) <input type="text"> # 文本 <input type="password"> # 密码 <input type="button"> # 按钮 <input type="submit"> # 提交 <input type="radio"> # 单选,

img/input等部分标签是行内标签，为什么也可以设置宽和高

常见标签分类在平常的学习中,我们应该都知道 html 标签可以分为块级标签和行内标签常见的块级标签有:ul.ol.li.form.h1-h6.hr.p.table.div 等常见的行内标签有:a.button.br.img.input.label.select.span 等但细心的同学就会发现,尽管 img 是行内标签,但是我们仍然可以给其设置宽和高,这里就涉及到另一个概念另一种分类:可替换标签和不可替换标签可替换标签:标签的具体显示内容要根据其属性来决定的标签就是可替换标签,如 img.in

行内标签和块级标签

块级标签 div ………………块级标签 h1~h6 ………………标题 ul (内含多个li) ol (内含多个li) dl (内含一个dt 多个dd)………………列表 table(内含tr th td)……………………表格 p…………………………………………段落 br…………………………………………换行 form……………………………………表单行级标签 span a……………………超链接 img……………………图片 var……………………变量,显示斜体 strong…………

css基础 display:block 行内标签转为块级标签

礼悟: 公恒学思合行悟,尊师重道存感恩.叶见寻根三返一,江河湖海同一体. 虚怀若谷良心主,愿行无悔给最苦.读书锻炼养身心,诚劝且行且珍惜. ide:visual studio 2017 browser:Chrome os:win7 代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8&qu

css基础 display:inline 块级标签->行内标签简单示例

CSS中的行内标签变成块级标签

大家都知道,CSS中的行内标签(span,i,b等等),是不能设置宽高或者margin-top;margin-bottom;但是在设置了display为block或者inline-block的情况下是可以设置的,这就是常见的行内元素转化为块级元素: 今天给大家分享的是自己在案例中看到的小技巧.给行内标签添加position:absolute或者float中的设置,行内元素是会被默认转成块级元素!!!

a标签包input引起的问题

最近公司中的一个项目中,有一个同事跟我说,他写的输入框不能选中输入内容了,并且光标也不能插入到已写好的文字其他位置. 简化了一下他的代码结构,如下: <a href="javascript:;"> <input type="text" value="默认值"> </a> 由于一些特殊原因,他使用了一个block的a标签将他需要的所有内容包在了一起. 在这种情况下,会导致火狐和IE下的输入框文字不能选中,也不能用

SpringMVC<from:form>表单标签和<input>表单标签简介转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