HTML搜索框-滑块-简单验证

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>列表框文本域和文件域</title>
</head>
<body>
<form action="1.我的第一个网页.html" method="get"><!--   文本输入框：input type=“text”默认值初始值为 咕咕咕咕咕输入限制为8文本框尺寸为30--><p>名字：<input type="text" name="username" value="咕咕咕咕咕" maxlength="8" size="30"></p><!--    密码框：input type="password"   --><p>密码：<input type="password" name="pwd"></p><!--单选框标签：input type="radio"value：单选框的值name：表示组  如果name相同，表示同一个组，name不同，组不相同组不相同的话可以同时勾选--><p>性别：<input type="radio" value="boy" name="sex" checked/>男<input type="radio" value="girl" name="sex">女</p><!--多选框标签：input type="checkbox"--><p>爱好：<input type="checkbox" value="smoking" name="hobby" checked>抽烟  <!--        默认选择        --><input type="checkbox" value="drink" name="hobby">喝酒<input type="checkbox" value="Scald" name="hobby">烫头</p><!--按钮：input type="button" 普通按钮input type="image" 图像按钮input type="submit" 提交按钮input type="reset" 重置按钮--><p>按钮：<input type="button" name="btn1" value="点击变大">
<!--        <input type="image" src="../resources/image/1.jpg">--><!--
下拉框，列表框：
select标签
option  子选项
selected    默认选项
--><p>国家：<select name="国家" ><option value="China">中国</option><option value="usa">美国</option><option value="Switzerland" selected>瑞士</option>   <!--        默认选择        --><option value="Japan">日本</option><option value="India">印度</option></select></p><!--
文本域：
<textarea> 标签定义多行的文本输入控件
可以通过 cols 和 rows 属性来规定 textarea 的尺寸，不过更好的办法是使用 CSS 的 height 和 width 属性。
注释：在文本输入区内的文本行间，用 "%OD%OA" （回车/换行）进行分隔。
--><p>反馈：<textarea name="textarea" cols="50" rows="10">文本内容</textarea></p><!--
input type="file" name="files"
文件域用来选择文件，还需要一个上传按钮
此处有两个name，上传文件是将文件提交给了文件域对应的files
并非按钮所对应的upload。
选择文件后value=所上传的文件，上传后files=所上传的文件
--><p>文件上传：<input type="file" name="files"><input type="button" value="上传" name="upload"></p><!--    邮件验证    --><p>邮件：<input type="email" name="email"></p><p><input type="submit"><input type="reset" value="清空表单"></p>
<!--URL--><p>URL:<input type="url" name="url"></p>
<!--数字--><p>商品数量：<input type="number" name="num" max="100" min="0" step="1"></p><!--滑块：input type="range"--><p>音量：<input type="range" name="voice" max="100" min="0" step="2"></p><!--搜索框--><p>搜索：<input type="search" name="search"></p>
</form>
</body>
</html>

HTML搜索框-滑块-简单验证相关推荐

Android中MaterialSearchView(搜索框)的简单实用
Android中MaterialSearchView(搜索框)的简单实用收搜框架有好多,动画效果满炫酷的就是代码太多,没发抽取他的搜索功能,而这个却比较好用些,直接从代码里面抠出来一个简单实现搜索功 ...
vue 使用 el-table 添加搜索框实现简单搜索功能，同时判断输入是否为空
前言: vue 项目使用 el-table ,想给表格上方添加搜索功能 ,虽然 element 官方文档自带类似的搜索框我这里没有使用官方文档的方法 ,我是通过使用两个操作数组的方法来实现搜 ...
EasyUI中搜索框的简单使用
场景基本搜索框流式搜索框搜索框类别实现基本搜索框 <!DOCTYPE html> <html lang="en"> <head>< ...
微信小程序搜索框以及简单的页面内容搜索的实现
1 效果先来看一下效果 2 设计思路 2.1 显示效果的设计本示例包含两种不同的搜索框,第一种搜索框是在最初状态下显示的搜索框,它由一个输入框input和一个表示"搜索"的图片 ...
html如何制作美观搜索栏,css制作好看的搜索框
做网站开发我们肯定少不了一种最基本的功能,就是搜索框,那么搜索框样式也能让一个网站看起来更加美观上档次.现在我们就教大家一种如何把搜索框做的很美观的方法. 效果图: 实现这种效果有两种方法:一是整体处 ...
html5搜索框在最右侧,CSS3,HTML5和jQuery搜索框集锦
添加搜素框或网站搜索功能是为了方便用户能够轻松.快捷地找到自己需要的信息.因此,在网站中添加一个搜索框已经成为网页设计的主流元素之一.添加一个搜索框到网站会使得用户界面更加友好,也能帮助用户轻松愉快地 ...
用jq实现仿百度搜索框
百度搜索框看似简单,但是涉及到了数据交互,如果能用vue来实现的话会简单很多,现在用jq模仿了一下,写的代码不是一般的多啊! 当然头部要引入jq了 html部分 <input type=&quo ...
html-简单验证、滑块、搜索框
一.简单验证 <p> 邮箱:<input type="email" name="email">&l ...
HTML -- HTML文本框、单选框、多选框、按钮、文本域、文件域、下拉框、搜索框滑动和简单验证
1. HTML文本框.单选框.多选框.按钮.文本域.文件域.下拉框.搜索框滑动和简单验证 1.1 表单元素格式 placeholder 提示文本. 示例: <!DOCTYPE html> ...

HTML搜索框-滑块-简单验证

HTML搜索框-滑块-简单验证相关推荐

最新文章

热门文章