表单

  1. <form action="http://wickedlysmart.com/hfhtmlcss/contest.php"
  2. method="POST">
  3. <p>Just type in your name (and click Submit) to enter the contest:<br>
  4. Frist name:<input type="text" name="firstname" value=""> <br>
  5. Last name:<input type="text" name="lastname" value=""> <br>
  6. <input type="submit">
  7. </p>
  8. </form>
  • action 响应的脚本
  • method 传递方式

表单元素

  • <input type="text"> 提供文本输出

    1. <input type="text" name="fullname">
  • <input type="submit"> 提供控件提交

    1. <input type="submit">
  • <input type="radio"> 单选钮输入

    1. <input type="radio" name="hotornot" value="hot">
    2. <input type="radio" name="hotornot" value="not">
  • <input type="checkbox">多选项输入

    1. <input type="checkbox" name="spice" value="Salt">
    2. <input type="checkbox" name="spice" value="Pepper">
    3. <input type="checkbox" name="spice" value="Garlic">
  • <textarea> 文本输入框

    1. <textarea name="comments" rows="10" cols="48”>//初始文本</textarea>
  • <select> 菜单控件

    1. <select name="characters">
    2. <option value="Buckaroo">Buckaroo Banzai</option>
    3. <option value="Tommy"> Prefect Tommy</option>
    4. <option value="Penny">Penny Priddy</option>
    5. </select>
  • number<input> 数字输入

    1. <input type="number' min="0" max="20">
  • range<input> 范围输入

    1. <input type="range" min="0" max="20" step="5">
  • color<input> 颜色输入

    1. <input type="color">
  • date<input> 日期输入

    1. <input type="date">
  • email<input> emal 输入

  • tel<input> 电话输入

  • url<input> url输入

    • <lable> 标签
  • fieldsetlegend

  • passwords

  • file

  • select multiple

  • input Placeholder 输入提示

  • input Required 必须输入提示

发送数据

  • POST

    发到服务器

  • GET

    追加到URL后面

用CSS建立表单样式

[HeadFirst-HTMLCSS学习笔记][第十四章交互活动]的更多相关文章

  1. 《机器学习实战》学习笔记第十四章 —— 利用SVD简化数据

    相关博客: 吴恩达机器学习笔记(八) —— 降维与主成分分析法(PCA) <机器学习实战>学习笔记第十三章 —— 利用PCA来简化数据 奇异值分解(SVD)原理与在降维中的应用 机器学习( ...

  2. 学习笔记 第十四章 使用CSS3动画

    第14章   使用CSS3动画 [学习重点] 设计2D动画 设计3D动画 设计过渡动画 设计帧动画 能够使用CSS3动画功能设计页面特效样式 14.1  设计2D动画 CSS2D Transform表 ...

  3. JavaScript高级程序设计学习笔记第十四章--表单

    1.在 HTML 中,表单是由<form>元素来表示的,而在 JavaScript 中,表单对应的则是 HTMLFormElement 类型. HTMLFormElement 继承了 HT ...

  4. VSTO学习笔记(十四)Excel数据透视表与PowerPivot

    原文:VSTO学习笔记(十四)Excel数据透视表与PowerPivot 近期公司内部在做一种通用查询报表,方便人力资源分析.统计数据.由于之前公司系统中有一个类似的查询使用Excel数据透视表完成的 ...

  5. Python学习笔记(十四)

    Python学习笔记(十四): Json and Pickle模块 shelve模块 1. Json and Pickle模块 之前我们学习过用eval内置方法可以将一个字符串转成python对象,不 ...

  6. python3.4学习笔记(二十四) Python pycharm window安装redis MySQL-python相关方法

    python3.4学习笔记(二十四) Python pycharm window安装redis MySQL-python相关方法window安装redis,下载Redis的压缩包https://git ...

  7. Introduction to 3D Game Programming with DirectX 12 学习笔记之 --- 第四章:Direct 3D初始化

    原文:Introduction to 3D Game Programming with DirectX 12 学习笔记之 --- 第四章:Direct 3D初始化 学习目标 对Direct 3D编程在 ...

  8. C++ Primer Plus学习:第十四章

    第十四章 C++中的代码重用 包含对象成员的类 将类的对象作为新类的成员.称为has-a关系.使用公有继承的时候,类可以继承接口,可能还有实现(纯虚函数不提供实现,只提供接口).使用包含时,可以获得实 ...

  9. 如鹏网学习笔记(十四)ASP.NET

    Asp.net笔记 一.Socket类 进行网络编程的类,可以在两台计算机之间进行网络通讯 过程: 向服务器发送指令: GET /index.html HTTP/1.1 Host:127.0.0.1: ...

随机推荐

  1. 监控工具zabbix

    1 安装zabbixyum install -y epel-release安装rpm包的lamp环境 yum install  httpd mysql mysql-libs php php-mysql ...

  2. 关于asp.net的<%#%>的一些总结

    一.说明 asp特有的控件在前台绑定数据的语法,且必须要调用该控件的DataBind()方法才执行,也可以整个页面数据绑定. 二.注意 1.并不是只有服务器控件才可以使用该语法,当整个页面调用this ...

  3. idea导入项目出错

    在idea导如项目后,总是会报错,每个类都会报错.解决的办法是: 1. 2.添加本地jdk 3.添加项目中的lib包

  4. Silverlight Visifire控件 后台设置颜色

    ColorSet cs = new ColorSet(); cs.Id = "colorset1"; // 设置ColorSet 的 Id 为 colorset1 1.cs.Bru ...

  5. VC中遍历目标进程中的模块

    VC中遍历目标进程中的模块 MFC代码win32 也可以用 在下面代码进行修改转换就可以了CString strModule; 可以换成 char* 但是MODULEENTRY32结构中的szModu ...

  6. ACboy needs your help(HDU 1712 分组背包入门)

    ACboy needs your help Time Limit: 1000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Ot ...

  7. post 报文请求接口方法

    /// <summary> /// post 报文到接口服务器 /// </summary> /// <param name="targetUri"& ...

  8. cocos2d安卓android长音效播放不完全

    是因为安卓限制了音效的内存,一般把mp3的比特率压缩一下.就可以搞定了.

  9. .net 中的DllImport

    只有做成COM的C++ dll才能直接引用.没有做成COM的就只能用P/Invoke(DllImport)或者C++/CLI那种.不过P/Invoke容易类型对不上,所以要是函数多,最好用C++/CL ...

  10. c++ 05

    一.单例模式 二.成员指针 class Student { public:   string m_name;   void print (void) { ... } }; 1.指向成员变量的指针 成员 ...