【响应式Web前端设计】常用表单控件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<form action="http://lixiang007.top/" method="post"  name="search" autocomplete="true">
			<input name="save">
			<button>submit</button>
		</form>
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>form_component</title>
	</head>
	<body>
		<form action="#" method="post">
			Name:<input type="text" value="张三" maxlength="6"><br/><br/>
			Password:<input type="password" size="40"><br/><br/>
			Sex:<input type="radio" name="sex" checked="checked">Male<input type="radio" name="sex">Female<br/><br/>
			Age:<input type="number" max="5" min="1"><br/><br/>
			interesting:<input type="checkbox" />Sing
			<input type="checkbox" />Swim
			<input type="checkbox" />Dance<br/><br/>
			<input type="color"><br/><br/>
			Image:<input type="file"><br/><br/>
			Crusial word:<input type="search"><br/><br/>
			Value input area:<input type="range" min="1" max="5">
			<input  type="button" value="formal">
			<input type="submit" value="submit">
			<input type="reset" value="reset">
		</form>
		
		
	</body>
</html>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		Testarea:<textarea rows="10" cols="20">
			
		</textarea>
		<br/>
		Label:
		<label for="male">男</label>
		<input type="radio" name="sex" id="male"/>
		<label for="female">女</label>
		<input type="radio" name="sex" id="female"/>
		<br/>
		<select>
			<option> Beijing</option>
			<option selected="selected"> Shanghai</option>
		</select>
		<br />
		<select multiple="multiple">
			<option> Beijing</option>
			<option selected="selected"> Shanghai</option>
		</select>
		<br /><br />
		<input id="url"  list="listurl"/>
		<datalist id="listurl">
			<option value="www.baidu.com">baidu</option>
		<option value="lixiang007.top">lixiang</option>
		</datalist>
	
	</body>
</html>

李响Superb CSDN认证博客专家 机器学习 TensorFlow 图像处理
成为一名优秀的算法工程师⬆️ ,
目前还在读软件工程,
AI攻防、算法和深度学习方向,
微博同名❤️ :李响Superb,
(记得关注,有问题微博私信!)
我们一起努力呀!
已标记关键词 清除标记
教程目录: ┣━03-1 京东电商项目 ┃ ┣━01京东网页头部和顶部实现 ┃ ┣━笔记+源代码 ┃ ┣━02 京东网页中间部分实现 ┣━05 WebAPI ┃ ┣━第13节 像素鸟案例 ┃ ┣━第1节 DOM介绍 ┃ ┣━第2节 获取页面元素 ┃ ┣━笔记+源代码 ┃ ┣━第6节 动态创建元素及应用 ┃ ┣━第7节 事件详解及应用 ┃ ┣━第11节 迷你微信聊天案例 ┃ ┣━第12节 瀑布流案例 ┃ ┣━第3节 注册事件及应用 ┃ ┣━第14节 飞机大战案例 ┃ ┣━第5节 节点介绍及应用 ┃ ┣━第8节 BOM介绍及应用 ┣━12 移动web开发基本功 ┃ ┣━第2节 视口的概念及设置 ┃ ┣━笔记+源代码 ┃ ┣━第1节 移动web基础知识 ┣━19 Express框架 ┃ ┣━笔记+源代码 ┃ ┣━02 Express路由处理 ┃ ┣━03 Express中间件 ┃ ┣━Express框架资料链接 ┃ ┣━01 Express框架介绍和使用 ┣━26 React ┃ ┣━笔记+源代码 ┃ ┣━第1节 移动App的介绍 ┃ ┣━第10节 React电影项目 ┃ ┣━React资料链接 ┃ ┣━第2节 移动App开发环境搭建 ┃ ┣━第7节 渲染评论列表案例 ┃ ┣━第9节 React路由介绍和使用 ┃ ┣━第6节 JSX语法介绍和使用 ┃ ┣━第3节 webpack回顾及功能演示 ┃ ┣━第5节 React核心概念 ┣━25 微信小程序 ┃ ┣━第4节 微信小程序组件的介绍和应用 ┃ ┣━笔记+源代码 ┃ ┣━第1节 微信小程序介绍 ┃ ┣━微信小程序资料链接 ┃ ┣━第6节 页面间的跳转和传值 ┃ ┣━第5节 Music伸缩布局案例 ┃ ┣━第2节 微信小程序应用配置介绍 ┃ ┣━第3节 逻辑层与界面层分离架构 ┃ ┣━第7节 微信小程序TODOS案例 ┣━21 git安装和使用 ┃ ┣━10流行框架- git 版本回退 ┃ ┣━13流行框架-git合并分支时,手动处 ┃ ┣━11流行框架-git通过版本号切换版本 ┃ ┣━8流行框架-git add 与git commit补充 ┃ ┣━18流行框架-push和pull操作时,先p ┃ ┣━16流行框架-通过ssh方上传代码 ┃ ┣━3流行框架-初始化git仓储 ┃ ┣━14流行框架-git push命令,把本地把 ┃ ┣━7流行框架-git status 命令查看状 ┃ ┣━笔记+源代码 ┃ ┣━5流行框架-把代码存储到git仓储中 ┃ ┣━12流行框架-git创建分支,切换分支 ┃ ┣━17流行框架-模拟两个用户push及pu ┃ ┣━6流行框架-把代码提交到仓储及,及 ┃ ┣━15流行框架-git pull,及git clone 得到 ┃ ┣━9流行框架-git 查看日志 ┃ ┣━19流行框架- push和pull时的简写方 ┃ ┣━1git介绍 ┣━10 H5购物网站项目 ┃ ┣━第4节 第三屏布局和动画 ┃ ┣━第5节 第四屏布局和动画 ┃ ┣━第7节 第六屏布局和动画 ┃ ┣━第3节 第二屏布局和动画 ┃ ┣━第2节 第一屏布局和动画 ┃ ┣━第8节 第七、八屏布局和动画(jiancha) ┃ ┣━笔记+源代码 ┃ ┣━第1节 fullpage插件介绍和使用 ┣━28 Angular5 ┃ ┣━第4节 Angular5通讯录项目 ┃ ┣━第2节 TypeScript介绍和使用 ┃ ┣━第3节 ToDoMVC案例 ┃ ┣━笔记+源代码 ┃ ┣━第1节 Angular介绍 ┣━16 node介绍和环境配置 ┃ ┣━02 node模块化 ┃ ┣━笔记+源代码 ┣━27 ReactNative电影项目 ┃ ┣━第5节 电影列表和详情页效果 ┃ ┣━第3节 首页效果 ┃ ┣━第4节 ReactNative路由配置 ┃ ┣━第6节 ReactNative电影项目发布 ┣━01 HTML5 ┃ ┣━08 表单表单控件 ┃ ┣━06列表 ┃ ┣━笔记+源代码 ┃ ┣━02浏览器介绍 ┃ ┣━03HTML基本结构 ┃ ┣━01 工具使用 ┃ ┣━07表格 ┣━24 vue商城项目 ┃ ┣━第9节 vuex ┃ ┣━vue商城项目资料链接 ┃ ┣━第6节 图片列表和详情页效果 ┃ ┣━第7节 商品列表和商品详情页布局和效果 ┃ ┣━第3节 Promise ┃ ┣━第4节 新闻资讯列表页布局和效果 ┃ ┣━第2节 首页布局和动画效果 ┃ ┣━第10节 实现购物车效果(buzai) ┃ ┣━第5节 评论功能 ┃ ┣━笔记+源代码 ┃ ┣━第11节 项目外网测试 ┣━11 H5项目和HTML5API ┃ ┣━第1节 360度汽车旋转案例 ┃ ┣━第3节 HTML5新增API ┃ ┣━第2节 QQ浏览器项目 ┣━09 Ajax实战 ┃ ┣━笔记+源代码 ┃ ┣━第2节 请求第三方接口天气预报案例 ┃ ┣━第1节 模板引擎及综合应用 ┣━23 webpack ┃ ┣━第1节 webpack介绍和配置 ┃ ┣━第4节 webpack与vue的结合使用 ┃ ┣━webpack资料链接 ┃ ┣━第2节 webpack之plugin配置和使用 ┃ ┣━笔记+源代码 ┃ ┣━第3节 webpack之loader配置和使用 ┣━17 ES6语法 ┃ ┣━笔记+源代码 ┃ ┣━01 ES6变量 ┣━13 移动web京东项目 ┃ ┣━第6节 分类页面布局和滑动 ┃ ┣━第7节 移动端tap事件 ┃ ┣━第4节 轮播图效果实现 ┃ ┣━第8节 移动端插件的使用 ┃ ┣━第2节 首页动态效果 ┃ ┣━第5节 zepto.js ┃ ┣━第3节 移动端的touch事件 ┃ ┣━第1节 首页布局 ┣━14 响应开发基础知识 ┃ ┣━第2节 媒体查询介绍和应用 ┃ ┣━笔记+源代码 ┃ ┣━第1节 响应开发介绍 ┃ ┣━第3节 bootstrap介绍 ┃ ┣━第4节 less语法 ┣━22 Vue基础 ┃ ┣━06 vue组件 ┃ ┣━Vue基础资料链接 ┃ ┣━07 vue路由 ┃ ┣━笔记+源代码 ┃ ┣━03 vue-resource ┃ ┣━04 vue品牌列表案例 ┃ ┣━01 Vue指令 ┣━08 Ajax基础知识 ┃ ┣━05 跨域 ┃ ┣━笔记+源代码 ┃ ┣━06 sublimeServer插件 ┃ ┣━01 Ajax-基础知识铺垫 ┃ ┣━02 php基础语法 ┃ ┣━04 jQuery库中Ajax方法的使用 ┣━29 全栈项目 ┃ ┣━09全栈在线教育项目业务逻 ┃ ┣━04在线教育系统项目初始化 ┃ ┣━03ES6语法介绍和使用 ┃ ┣━08 MongoDB和mongoose介绍和应用 ┃ ┣━笔记+源代码 ┃ ┣━01 SVN介绍和使用 ┃ ┣━07nvm、nrm、yarn介绍 ┃ ┣━06Nunjucks模板引擎 ┣━3-2 前端基本功 ┃ ┣━03-2 前端基本功.001 ┃ ┣━03-2 前端基本功.002 ┃ ┣━03-2 前端基本功.003 ┣━20 node图书管理系统项目 ┃ ┣━03 服务器发送请求 ┃ ┣━01 页面增删改查效果 ┃ ┣━02 基于数据库的增删改查效果 ┃ ┣━node图书管理系统项目资料链接 ┃ ┣━笔记+源代码 ┣━04 JAVAScript基础语法 ┃ ┣━第3节 JavaScript数据类型 ┃ ┣━第7节 JavaScript函数及应用 ┃ ┣━第12节 JavaScript字符串常用方法 ┃ ┣━第8节 JavaScript对象 ┃ ┣━第10节 JavaScript内置对象 ┃ ┣━第4节 JavaScript操作符 ┃ ┣━第6节 JavaScript数组及应用 ┃ ┣━第2节 JavaScript变量 ┃ ┣━笔记+源代码 ┃ ┣━第1节 JavaScript介绍 ┃ ┣━第5节 JavaScript流程控制及应用 ┣━18 node基础 ┃ ┣━04 模板引擎的介绍和使用 ┃ ┣━02 包管理工具使用 ┃ ┣━01 node基本操作 ┃ ┣━笔记+源代码 ┃ ┣━03 node实现服务器配置 ┣━07 jQuery ┃ ┣━第3节 jQuery样操作 ┃ ┣━第8节 jQuery插件 ┃ ┣━第4节 jQuery链编程 ┃ ┣━第1节 jQuery介绍和体验 ┃ ┣━第7节 jQuery事件绑定和解绑 ┃ ┣━笔记+源代码 ┃ ┣━第2节 jQuery选择器及应用
相关推荐
©️2020 CSDN 皮肤主题: 猿与汪的秘密 设计师:白松林 返回首页
实付 9.90元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值