xampp搭建服务器环境、html5新的input类型
怎么让别人看见你写的
先把你的文档放入htdocs里面
再输入网址：
http://你的IP地址/文件名
就ok了例如我的
HTML5中的input类型：
<input>标签规定用户可输入数据的类型。根据不同的type 属性，输入类型有多种形态，输入字段可以使文本字段、复选框。密码字段、单选按钮、按钮等等。html5为我们提供了更丰富的input类型。如下：
1.email
email类型用于包含e-mail地址的输入域，在提交表单时，会自动验证email域的值。
iPhone中的Safari浏览器支持 email 输入类型，并通过改变触摸屏盘来配合它（添加@和.com选项）。
E-mail：<input type="email" name="user_email" />
2.url
url类型用于应该包含url地址的输入域，再提交表单时，会自动验证url域的值，要输入符合网址的格式，验证的正确格式：http://www.baidu.com
Homepage：<input type="url" name="user_url" /><br />
3.number
4.range
5.Date
6.search
7.color
h5好处
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form>
<table>
<tr>
<td>请输入邮箱：</td>
<td><input type="email" /></td>
</tr>
<tr>
<td>请输入URL：</td>
<td><input type="url" /></td>
</tr>
<tr>
<td>请输入数字：</td>
<td><input type="number" min="10" max="50" /></td>
</tr>
<tr>
<td>拖动滑竿改变数值</td>
<td><input type="range" mmax="100" min="10" value="50" /></td>
</tr>
<tr>
<td>请选择日期：</td>
<td><input type="date" /></td>
</tr>
<tr>
<td>请输入关键字：</td>
<td><input type="search" /></td>
</tr>
<tr>
<td>选择你喜欢的颜色：</td>
<td><input type="color" /></td>
</tr>
<tr>
<td><input type="submit" /></td>
</tr>
</table>
</form>
</body>
</html>
显示如下：
xampp搭建服务器环境、html5新的input类型的更多相关文章
- HTML5 新的 Input 类型
Input 类型: color(拾色器) color 类型用在input字段主要用于选取颜色,如下所示: 支持浏览器 实例 从拾色器中选择一个颜色: 选择你喜欢的颜色: <input type= ...
- XAMPP：继MAMP之后，Mac OS X平台下又一款帮你快速搭建服务器环境软件
之前,有很多人都有打算在自己的Mac OS下搭建一个本地测试用的Apache+PHP+MySQL网络服务器环境. 在目前而言至少有3种办法可以实现这一点: 通过Xcode开发者套件和php.Apach ...
- HTML5 学习08——Input 类型、表单元素及属性
注意:并不是所有的主流浏览器都支持新的input类型,不过您已经可以在所有主流的浏览器中使用它们了.即使不被支持,仍然可以显示为常规的文本域. (1)Input 类型: color color 类型: ...
- Macbook pro从购买服务器到搭建服务器环境（1）
查看进程命令:ps -ef |grep *** ps -ef | grep nginx ps -ef | grep mysql ps -ef | grep mongops -ef | grep uws ...
- 阿里云 CentOS 6.5 使用XAMPP 搭建LAMP环境
LAMP环境是常见的服务器环境,也是PHP网站常用的服务器环境,很多人喜欢手动配置,但是手动配置LAMP复杂.麻烦,简单一点的话可以使用集成环境.试了下LNMP的集成环境,用不习惯,另外由于本地一直使 ...
- Spark集群环境搭建——服务器环境初始化
Spark也是属于Hadoop生态圈的一部分,需要用到Hadoop框架里的HDFS存储和YARN调度,可以用Spark来替换MR做分布式计算引擎. 接下来,讲解一下spark集群环境的搭建部署. 一. ...
- Macbook pro从购买服务器到搭建服务器环境（2）
这里是在Mac本地上安装软件遇到的坑,先总结一下 在装完mysql的时候,安装wget,这个时候遇到的问题是openssl软件包找不到,我已经不记得是什么时候安装的openssl了,所以用命令查一下 ...
- HTML5——拖放 地理定位 视频 音频 新的input类型
拖放 ————> 设置元素为可拖放 拖动什么 放到何处 进行放置 实例[来回拖放] 地理定位 使用地理定位 处理错误和拒绝 在地图中显示结果 基于脚本的交互式地图 给定位置的信息 用户移动时 ...
- XMPP 安装ejabberd 搭建服务器环境
网上各种找..各种安装失败.. 终于.... ejabberd 下载列表.... http://www.process-one.net/en/ejabberd/archive/ 建议下载old 版本 ...
随机推荐
- Websocket————错误总结
websocket 一.需要注意的是,js建立连接处完整的js代码要执行完成退出后才会真正发起建立连接请求,如果在此之前发送消息则会报错如下: InvalidStateError: An attemp ...
- OC面向对象及继承
1. 面向对象它通过给程序中加入扩展语句,把函数“封装”进编程所必需的“对象”中.面向对象的编程语言使得复杂的工作条理清晰.编写容易.说它是一场革命,不是对对象本身而言,而是对它们处理工作的能力而言. ...
- jj前端项目1th总结
1:设计图--->分出几个独立模块--->颗粒化布局--->文档流控制整体布局--->固定位置的元素绝对定位,段落这种元素不可绝对定位.----->加上和后台交互用的js ...
- Xpert 基础
----------------------- 01 ------------------------------- declare cursor emp_cur is select empname ...
- Java编程思想学习笔记_2(继承和多态)
静态初始化: 静态初始化只在必要的时刻进行.(即当程序需要加载类进入内存的时候,执行静态初始化.静态变量和静态代码块的初始化顺序,按照在代码中声明的顺序老执行.例如:如果要执行某个public类,那么 ...
- POJ 3468（树状数组的威力）
之前说过这是线段树的裸题,但是当看了http://kenby.iteye.com/blog/962159 这篇题解后我简直震惊了,竟然能如此巧妙地转化为用树状数组来处理,附上部分截图(最好还是进入原网 ...
- [精品推荐]Android Studio插件整理
GOOD 现在Android的开发者基本上都使用Android Studio进行开发(如果你还在使用eclipse那也行,毕竟你乐意怎么样都行).使用好Android Studio插件能大量的减少我们 ...
- openfire消息通知推送
package cn.zsmy.utils.openfire; import java.io.BufferedReader; import java.io.InputStreamReader; imp ...
- java实现数据库连接池
package com.kyo.connection; import java.sql.Connection; import java.sql.DatabaseMetaData; import jav ...
- OpenGL的glOrtho平行投影函数详解[转]
glortho函数可以将当前的可视空间设置为正投影空间.基参数的意义如图,如果绘制的图空间本身就是二维的,可以使gluOrtho2D.他的使用类似于glOrtho 原型是: void glOrtho( ...