表单：

1.收集用户的输入，发送到后台 <form action="后台地址" method="提交方式" enctype="multipart/form-data" >

表单元素

</form>

2.提交方式：get（默认，对长度有限制，有风险涉及隐私）form；html？zhanghao&mima=qwe

post：（说白了这个代码就是没有限制长度，不涉及隐私）

表单元素：

文本类型：文本框（text） 密码框（password） 隐藏域 （hidden）多行文本（textarea）

选择类型：单选（radio） 多选（checkbox） 下拉（select ，option）

按钮类型：普通按钮（button） 提交按钮（submit）重置按钮（reset）

其它类型：文件（file），图片(img)，日期(date)，颜色(color)

fieldset:表单的外边框   legend：表单的标题

label标签（用于方便选中，在页面中不一定勾选方框，点击字体也可以勾选上）

<input type="text">    tesx--文本

<input type="password"> password--密码框

<input type="color">  color--颜色框

button：提交按钮

如有需要即该属性里面的“值”即可根据需要来进行修改选择。

表单元素的通用格式

<input type="表单类型">

不通用的：

1.下拉格式

select name="" id="">

<option value="">未知</option>

</select>

2.多行文本

<textarea name="" id="" cols="30" rows="10">

</textarea>

<body>
<fieldset> --------这个就相当于一个框架，然后legend就是标题
<legend align="center">表单元素的标题</legend>
<form action="#" method="post"> -------action里面就是“后台地址”，method就是“提交方式”
账号：<input type="text" name="uid"><br> --------------------------------------------------------------input type表单元素的通用格式，name就是起个名字。
密码：<input type="password" name="pwd"><br>
隐藏域：<input type="hidden" name="hid" value="123"/><br>------若要进行隐藏东西则用 value=“？？？” 
<input type="submit" value="提交"><br> ----不管是“普通按钮” “提交按钮” “重置按钮”都用<input type=“？？？（按钮的代码）” value=“？？？（名字）”
爱好：<input type="checkbox">篮球
<input type="checkbox">足球
<input type="checkbox">乒乓球
<input type="checkbox">棒球
<input type="checkbox">排球
<input type="checkbox">羽毛球<br>
单选: <label>
<input type="radio" name="z">男
</label>
<label>
<input type="radio" name="z">女
</label><br>
民族选择:<select name="" id="">
<option value="">汉族</option>
<option value="">彝族</option>
<option value="">蒙古族</option>
<option value="">壮族</option>
<option value="">苗族</option>
<option value="">满族</option>

</select>

</form>
</fieldset>
</body>

PHP（表单元素）的更多相关文章

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

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

  2. CSS之表单元素

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

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

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

  4. HTML5 学习笔记（二）——HTML5新增属性与表单元素

    目录 一.HTML5新增属性 1.1.contextmenu 1.2.contentEditable 1.3.hidden 1.4.draggable 1.5.data-* 1.6.placehold ...

  5. 【原】如何改变表单元素的外观(for Webkit and IE10)

    表单元素在网页设计中使用的非常频繁,如文本输入框.单选框.复选框.选择列表.上传文件,它们在浏览器中的展现有自带的外观,为了在视觉上取得更好的产品体验,保持客户端的统一,通常产品经理会提出需要改变它的 ...

  6. MVC中使用内建的HTML辅助方法产生表单元素提交表单与button按钮事件的陷阱

    网站模板页有个登陆的退出按钮,当点击时跳转到登陆页面. <button onclick="logout()" >退出</button> $("#l ...

  7. [转]CSS 表单元素对齐详解

    来源:http://blog.sina.com.cn/s/blog_655388ed0100lzyk.html 简单的设置input{vertical-align:middle}即可,完美的: lab ...

  8. VUE 表单元素双向绑定总结

    checkbox最基本用法: <input type="checkbox" v-model="inputdata" checked/> <in ...

  9. iScroll4下表单元素聚焦及键盘的异常问题

    本文是zawa同事写的一篇博文,相信很多在webapp开发中的同学使用iscroll4会遇到的该问题,问过zawa兄的建议,在这里分享给大家,希望能帮助到各位~ 原文地址:http://www.zaw ...

  10. 9月8日HTML表单元素（form、文本、按钮、选择）

    表单元素 一.form form代表表单,功能:用于申明表单,定义采集数据的范围,也就是<form>和</form>里面包含的数据将被提交到服务器或者电子邮件里.<for ...

随机推荐

  1. 使用Jenkins pipeline流水线构建docker镜像和发布

    新建一个pipeline job 选择Pipeline任务,然后进入配置页面. 对于Pipeline, Definition选择 "Pipeline script from SCM" ...

  2. [Python设计模式] 第19章 分公司=部门?——组合模式

    github地址:https://github.com/cheesezh/python_design_patterns 组合模式 组合模式,将对象组合成树形结构以表示"部分-整体" ...

  3. ubuntu 16.04 源代码安装libusb

    libusb是一个跨平台的usb通讯库:https://libusb.info/ 在ubuntu16上安装 1. 首先安装 libudev-dev sudo apt-get install libud ...

  4. Ubuntu安装守护进程supervisor

    Supervisor安装与配置(Linux/Unix进程管理工具) asp.net core 负载均衡集群搭建(centos7+nginx+supervisor+kestrel) 为了保证服务能够稳定 ...

  5. 解决AndroidStudio导入项目卡在gradle加载界面

    为了节省排版时间,直接上图了,图片若看不清,可在新标签中打开查看. 文中图片上涉及到的一些链接如下: maven { url 'http://maven.aliyun.com/nexus/conten ...

  6. python实现类似于Matlab中的magic函数

    参考这篇文章的代码封装了一个类似Matlab中的magic函数,用来生成魔方矩阵. #!/usr/bin/env python # -*- coding: utf-8 -*- import numpy ...

  7. 具体解释MVP矩阵之ViewMatrix

    矩阵推导 ViewMatrix用于直接将World坐标系下的坐标转换到Camera坐标系下.已知相机的坐标系.还有相机在世界空间下的坐标.就能够求出ViewMatrix.以下进行具体推导. 令UVN为 ...

  8. C#作为客户端调用gsoap生成的C++服务端

    近日在学习C++,偶然遇到网友想用C#调用gsoap生成的C++服务的问题,遂决定研究一下,网上搜索了很久,大多数是C++调用C#的应用.... 经过本人的不断努力,终于找到一种解决问题的方法,总结如 ...

  9. mac安装Redis可视化工具-Redis Desktop Manager

    Redis是一个超精简的基于内存的键值对数据库(key-value),一般对并发有一定要求的应用都用其储存session,乃至整个数据库.不过它公自带一个最小化的命令行式的数据库管理工具,有时侯使用起 ...

  10. 干货 | Ansible 上手指南

    版权声明:本文为博主原创文章.未经博主同意不得转载. https://blog.csdn.net/O4dC8OjO7ZL6/article/details/79765539 点击上方"中兴开 ...