HTML5表单的创建及与PHP的交互

Html5表单

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<form>
    用户名:
    <input type="text">
    <br/>
    密 码:
    <input type="password">
    <br/>
    你喜欢的水果有?
    苹果<input type="checkbox"><!--复选框-->
 西红柿<input type="checkbox">
    香蕉<input type="checkbox">
    <br/>
    请你选择性别:
    男<input type="radio" name="sex"><!--单选框-->
 女<input type="radio" name="sex">
    <br/>
    <select><!--下拉列表框-->
 <option>www.baidu.com</option>
        <option>www.qq.com</option>
        <option>www.google.com</option>
    </select>
    <input type="button" value="提交">
    <input type="button" value="确定">
</form>
<textarea cols="30" rows="30">请在此填写个人信息</textarea>
</body>
</html>

与PHP的交互

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>表单与PHP交互</title>
</head>
<body>
<form action="http://localhost/MyServer/service.php" method="post">
    用户名:<input type="text" name="name">
    密  码:<input type="password" name="password">
    <br/>
    <input type="submit" value="提交">
</form>
</body>
</html>
<?php
echo "username:".$_POST[‘name‘]."<br/>password:".$_POST[‘password‘];
时间: 2024-12-24 11:24:20

HTML5表单的创建及与PHP的交互的相关文章

5.1 HTML5表单的创建

1.表单用于获取不同类型的用户输入 2.常用表单标签 <form>表单 <input>输入域 <textarea>文本域 <label>控制标签 <fieldset>定义域 <legend>域的标题 <select>选择列表 <optgroup>选项组 <option>下拉列表中的选项 <button>按钮 用<form>标签定义一个表单 <input>标签定义输

菜鸟零基础学习HTML5 &nbsp; ----- 1.5、HTML5表单和PHP环境搭建

一.HTML5表单 1.表单用于获取不同类型的用户输入 2.常用表单标签 例: <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>表单</title> </head> <body>     <form>         用户名:         <i

HTML5表单及其验证

随笔- 15 文章- 1 评论- 115 HTML5表单及其验证 HTML表单一直都是Web的核心技术之一,有了它我们才能在Web上进行各种各样的应用.HTML5 Forms新增了许多新控件及其API,方便我们做更复杂的应用,而不用借助其它Javascript框架,先说下表单的几个基本知识点: 表单仍是以<form>元素作为容器,我们可在其中设置基本的提交特性: 当用户提交页面时,表单仍然向服务器发送表单控件的值: 之前老版本中的表单控件,如text radio checkbox等等,都可以按

服务器变量 超级全局数组$_SERVER (附加超简单表单与html5表单属性)

001.html <html> <head><title>user log</title> <meta http-equiv="content-type" content="text/html;charset:utf-8"> </head> <body> <form method="post" action="001.php"> 用

实现跨浏览器html5表单验证

div:nth-of-type(odd){ float: left; clear: left; } .origin-effect > div:nth-of-type(even){ float: right; clear: right; } .clearfix:after{ content: ""; display:block; clear: both; } .figcaption{ clear: both; color: #999; padding-top: 10px; text

04. Web大前端时代之:HTML5+CSS3入门系列~HTML5 表单

Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html ? 待续.... 04. Web大前端时代之:HTML5+CSS3入门系列~HTML5 表单

HTML5表单新增属性

------------------siwuxie095 HTML5 表单新增元素与属性 1.form 属性 在 HTML4 中,表单内的从属元素必须书写在表单内部,而 在 HTML5 中,可以把它们书写在页面上任何地方,然后为 该元素指定一个 form 属性,属性值为该表单的 id,这样就 可以声明该元素从属于指定表单了 2.formaction 属性 在 HTML4 中,一个表单内的所有元素只能通过表单的 action 属性被统一提交到另一个页面,而在 HTML5 中,可以为所有 的提交按钮

加速HTML5应用的九大方法-------1.使用HTML5表单和输入框

加速HTML5应用的九大方法-------1.使用HTML5表单和输入框HTML5 引入很多全新的表单属性和输入框类型,虽然并不是所有的浏览器都支持,但它们的确都很有用:autofocus 使得页面加载完毕后自动为某个输入框设置输入焦点placeholder 允许你为输入框设置默认文本,并在获取焦点时自动清除required 属性要求必须填写值后才能提交表单pattern 可以通过正则表达式指定输入框允许输入的内容因为这些功能都是内置的,无需使用 JavaScript 方法来实现,第一是节省开发

HTML5表单提交和PHP环境搭建

HTML5表单提交相关内容和PHP环境搭建需要的软件(只备注) (2)举例介绍 (3)PHP环境搭建