<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--get
post--><!--在安全上面不同，get用户输入的信息可以在地址栏直接看到，post的看不到，但也仅此而已-->
<form method="post" action="http://www.baidu.com"><!--action代表提交给谁，后面一般+对象网址-->
<input type="text" name="youname" placeholder="请输入用户名" maxlength="3" /><br />
<input type="text" name="name" /><br /> <!-- maxlength为限制长度。-->
<input type="password" name="123" /><br />
<select name="d1" size="7"style="width: 200px;" multiple="multiple"> <!-- ps：multiple为多选-->
<option value="d1">1</option>
<option selected="selected" value="d2">2</option> <!--ps：selected为默认，-->
<option value="d3">3</option>
</select><br />
<!--提交-->
<input type="submit" value="提交" /> <br /> <!--按钮的字通过value来改，默认字样是提交-->
<!--多项选择-->
<input type="checkbox" checked="checked" name="d2" value="123"/> <!-- ps：checked为默认选择-->
<input type="checkbox" name="d2" />
<!--单项选择--> <!--如果name一样，则只能选择一个，如果name不一样则两个都可以选择，但不可以取消-->
<input type="radio" name="q1" />男
<input type="radio" name="q1" />女 <!--hecked为默认选中-->
<!--文本域-->
<textarea name="t1"></textarea>
<!--给后台传值用的-->
<input type="hidden" name="y1" />

<!--重置-->
<input type="reset" name="a2" />
<!--按钮-->
<input type="button"value="按钮" />
<!--图片-->
<input type="image" src="01.jpg" />
<!--上传，必须配合后台使用-->
<input type="file" name="f1" />

</form>
</body>
</html>

PHP初入--表单元素的更多相关文章

  1. HTML5表单元素的学习

    本文内容              认识表单              基本元素的使用              表单高级元素的使用              现学现卖--创建用户反馈表单 ★  认识 ...

  2. HTML 5 服务器发送事件、Input 类型、表单元素、表单属性

    HTML5 服务器发送事件(server-sent event)允许网页获得来自服务器的更新. Server-Sent 事件 - 单向消息传递 Server-Sent 事件指的是网页自动获取来自服务器 ...

  3. Javaweb学习笔记——（十四）—————— 服务器端验证注册登入表单项目

    项目:https://download.csdn.net/download/qq_40223688/10463436 项目 功能: *注册 *登录--------------------------- ...

  4. 自制“低奢内”CSS3登入表单，包含JS验证，请别嫌弃哦。

    要求 必备知识 基本了解CSS语法,初步了解CSS3语法知识.和JS/JQuery基本语法. 开发环境 Adobe Dreamweaver CS6 演示地址 演示地址 预览截图(抬抬你的鼠标就可以看到 ...

  5. HTML（三）：表单元素

    表单元素概述 表单(Form),用于收集用户信息.提交用户请求等处理过程        1.设计表单,并放入一些输入域        2.网站访问者在自己的计算机上填写上述输入域,并提交到服务器端   ...

  6. 6_bootstrap之导航条|轮播图|排版|表单元素|分页

    8.导航条 BootStrap已经提供了完整的导航条实例,通常情况下,我们仅需进行简单修改即可使用. 帮助手册位置:组件-------导航条 9.轮播图 BootStrap已经提供了完整的轮播图实例, ...

  7. HTML5 学习总结（二）——HTML5新增属性与表单元素

    一.HTML5新增属性 1.1.contextmenu contextmenu的作用是指定右键菜单. <!DOCTYPE html> <html> <head> & ...

  8. CSS之表单元素

    表单就是收集用户信息的,就是让用户填写的.选择的. 1                <div> 2                         <h3>欢迎注册本网站&l ...

  9. 表单元素的submit()方法和onsubmit事件

    1.表单元素中出现了name="submit"的元素 2.elemForm.submit();不会触发表单的onsubmit事件 3.动态创建表单时遇到的问题 表单元素拥有subm ...

随机推荐

  1. hdu--1077--Catching Fish

    思路:   1.枚举两点确定圆心,大于2不用考虑   2.逐个判断判断距圆心的距离小于1.00001符合题意 这个题,主要在求圆心上废了不少功夫,但是仍存在问题 #include<iostrea ...

  2. VS 2017开发插件

    codemaid 代码清洁工具 commentsPlus 注释以斜体方式展示,并提供额外的注释格式 viasfora 尖括号颜色设置 reshaper 必备

  3. 寻人启事(O(∩_∩)O哈哈~)

    注:本文纯属扯淡,如有雷同,纯属巧合! 寻人启事格式 1:标题 标题通常在第一行中央写上<寻人启事>.<寻找XXX>或<寻XXX))等字样.   2:正文 正文一般须包括 ...

  4. JavaScript高级程序设计 - 阅读笔记

    [本博客为原创:http://www.cnblogs.com/HeavenBin/] 前言: 大致花费了一个星期的时间把这本书认真看了半本,下面是我做的阅读笔记,希望能够让看这本书的人有个大致的参考. ...

  5. selenium的操作JS命令的接口JavascriptExecutor的介绍

    nterface JavascriptExecutor 接口 JS执行器 public interface JavascriptExecutor 表示可以执行JavaScript的驱动程序,提供对机制 ...

  6. es6五种遍历对象属性的方法 - 表格整理

    ES6 一共有5种方法可以遍历对象的属性. (1)for...in for...in循环遍历对象自身的和继承的可枚举属性(不含 Symbol 属性). (2)Object.keys(obj) Obje ...

  7. Response乱码时的处理方法

    有时候我们看到Response中的HTML是乱码的, 这是因为HTML被压缩了, 我们可以通过两种方法去解压缩. 步骤:方法一:点击红框内容"Response body is encoude ...

  8. 《高性能Mysql》翻译错误

    原文中在分区表中的一句话翻译错误,如下 应该是[扫描列a上的索引就需要扫描每一个分区内对应的索引树],英文版描述如下: ''' Suppose you define an index on a and ...

  9. 一个基于JRTPLIB的轻量级RTSP客户端(myRTSPClient)——实现篇：（二）用户接口层之RtspClient类及其构造函数

    RtspClient类是myRTSPClient函数库所有特性集中实现的地方. 主要为用户提供: 1. RTSP协议通信接口函数,如DoOPTIONS(): 2. RTSP账号.密码设置函数,如Set ...

  10. VS2017 Cordova 出现错误 @ionic/app-scripts 未安装

    在安装vs2017 Cordova中遇到出现错误 @ionic/app-scripts 未安装 在系统添加环境变量SASS_BINARY_PATH,将我们下载的win32-ia64-47_bindin ...