1>form1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>

<body>

    <form action="">

        <input type="text" /><!-- 单行文本 -->

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

        <input type="radio" /><!-- 单选框 -->

        <input type="checkbox" /><!-- 复选框 -->

        <input type="hidden" /><!-- 隐藏域 -->

        <input type="submit" /><!-- 提交按钮 -->

        <input type="file" /><!-- 文件域 -->

        <input type="reset" value="" /><!-- 重置按钮 -->

        <input type="button" value="" /><!-- 按钮 -->

        <textarea></textarea><!-- 文本区域 -->

        <select>

            <option></option>

        </select><!-- 下拉框 -->

    </form>

</body>

</html>

2>form2

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>网站用户个人资料调查</title>

</head>

<body>

    <!-- action用来指定接收信息的脚本 -->

    <!-- method属性用来指定数据的传输方式 -->

    <form action="post.php" method='post'>

        <input type="hidden" />

        您当前的位置：<input type="text" value='百度网' disabled='disabled'/>

        <br /><br />

        <label for='uname'>用户名：</label><input id='uname' type="text" size='50' maxlength='10' name='uname' value='张三'/>

        <br /><br />

        密码：<input type="password" name='pwd' />

        <br /><br />

        性别：男<input type="radio" name='sex' value='1' checked='checked'/> 女<input type="radio" name='sex' value='0'/>

        <br /><br />

        爱好：篮球<input type="checkbox" name="hobby[]" value='lanqiu' />

            排球<input type="checkbox" name="hobby[]" value='paiqiu' />

            足球<input type="checkbox" name="hobby[]" value='zuqiu' />

            乒乓球<input type="checkbox" name="hobby[]" value='pinbgpangqiu' />

        <br /><br />

        来这里的目的：

        <select name="target" size='2' multiple='multiple'>

            <option value="first">第一</option>

            <option value="second" selected='selected'>第二</option>

            <option value="third">第三</option>

            <option value="forth">第四</option>

        </select>

        <br /><br />

        个人介绍：<textarea name="jieshao" rows='10' cols='40'></textarea>

        <br /><br />

        个人照片<input type="file" />

        <br /><br />

        <input type="submit" value="更新资料" />

        <input type="reset" value="重置"/>

        <input type="button" value="按钮"/>

        <br /><br />

    </form>

</body>

</html>

HTML学习笔记——post表单的更多相关文章

  1. Bootstrap学习笔记(二) 表单

    在Bootstrap学习笔记(一) 排版的基础上继续学习Bootstrap的表单,编辑器及head内代码不变. 3-1 基础表单 单中常见的元素主要包括:文本输入框.下拉选择框.单选按钮.复选按钮.文 ...

  2. AngularJS 1.2.x 学习笔记（表单校验篇）

    https://my.oschina.net/cokolin/blog/526911 摘要: 本文首发于 blog.csdn.net/vipshop_ebs/article/details/39472 ...

  3. vue学习笔记(六)表单输入绑定

    前言 在上一章vue学习笔记(四)事件处理器这一篇博客的内容中,我们已经了解vue是如何绑定事件的,而本篇博客主要讲解的是vue中表单输入的绑定,通常我们自己提交信息的时候都是通过表单将信息到服务器的 ...

  4. Symfony2学习笔记之表单

    对于一个Web开发者来说,处理HTML表单是一个最为普通又具挑战的任务.Symfony2集成了一个Form组件,让处理表单变的容易起来.在这一节里,我们将从基础开始创建一个复杂的表单,学习表单类库中最 ...

  5. [学习笔记]--Jfinal 表单提交附件

    近期.项目里面用到了Jfinal 里面的上传附件. Jfinal 的Controller 里面提供了一个 getFile系列方法提供文件上传. 我这里呢,是文件上传和表单參数一起提交. 页面类似下图: ...

  6. 20151223jquery学习笔记--Ajax表单提交

    传统的表单提交, 需要多次跳转页面, 极大的消耗资源也缺乏良好的用户体验. 而这款form.js 表单的 Ajax 提交插件将解决这个问题.一． 核心方法官方网站: http://malsup.com ...

  7. angular2 学习笔记 ( Form 表单 )

    refer : https://angular.cn/docs/ts/latest/guide/forms.html https://angular.cn/docs/ts/latest/cookboo ...

  8. [知了堂学习笔记]_Jquery_Validate 表单校验的使用

    一.效果图: 二.JqueryValidate的好处 在做注册.或者类似以上的表单提交的时候,大家是不是都很烦那种,把数据拿到后台去判断, 可能经过了正则表达式之类的复杂判断,然后发现数据错误.接着通 ...

  9. Django学习笔记之表单验证

    表单概述 HTML中的表单 单纯从前端的html来说,表单是用来提交数据给服务器的,不管后台的服务器用的是Django还是PHP语言还是其他语言.只要把input标签放在form标签中,然后再添加一个 ...

  10. JavaScript入门学习笔记（表单验证）

    表单验证: 在数据被送到服务器之前对HTML表单中的输入数据进行验证,避免服务器频繁验证信息造成用户体验差. (1)表单数据是否为空 (2)输入的信息格式是否正确 (3)输入数据的类型是否正确 必填( ...

随机推荐

  1. 【BZOJ 1014】【JSOI 2008】火星人prefix

    看了<Hash在信息学竞赛中的一类应用>中的例题3,这道题很类似啊,只不过没有删点和区间翻转. 用Splay维护字符串哈希,加点改点什么的就不用说了,查询时二分答案,这样时间复杂度是$O( ...

  2. 概率 light oj 1248

    t组样例 n<100010 dp[i]  从i翻到n面的期望 接下来翻 可能是i面已经有的 也可能是n-i面没有的 dp[i]=i/n*(dp[i]+1)+(n-i)/n*(dp[i+1]+1) ...

  3. 100803C

    画个图,很容易发现少兜圈子,就是说这些限制c[i],d[i]可以看做[c[i],d[i]],不让那些区间相交,然后就可以了 #include<iostream> #include<c ...

  4. Eclipse配置PyDev插件来实现python开发环境

    1.安装python解释器(完成的略过) 2.安装PyDev: 首先需要去Eclipse官网下载:http://www.eclipse.org/,Eclipse需要JDK支持,如果Eclipse无法正 ...

  5. bzoj 3196 树套树模板

    然而我还是在继续刷水题... 终于解开了区间第k大的心结... 比较裸的线段树套平衡树,比较不好想的是求区间第k大时需要二分一下答案,然后问题就转化为了第一个操作.复杂度nlog3n.跑的比较慢... ...

  6. 【BZOJ-1178】CONVENTION会议中心 倍增 + set （神思路好题！）

    1178: [Apio2009]CONVENTION会议中心 Time Limit: 15 Sec  Memory Limit: 162 MBSubmit: 812  Solved: 323[Subm ...

  7. 【bzoj3624】Apio2008—免费道路

    http://www.lydsy.com/JudgeOnline/problem.php?id=3624 (题目链接) 题意 给出一张无向图,其中有0类边和1类边.问能否构成正好有K条0类边的生成树, ...

  8. SQL Server数据同步的研究（单向/双向）

    思路: 1.做中间件(简单:定时采集:复杂:分布式,订阅中心的形式,如微信的中间件:https://github.com/tencent-wechat/phxsql) 2.采用触发器的形式,有数据触发 ...

  9. npm下载包时代理配置

    主要有两种方式,1通过命令行临时配置,2通过配置文件进行永久配置. 1.命令行: npm install --proxy http://localhost:1080 如果有账号密码等验证的,需要在后面 ...

  10. oracle 前滚和回滚

    前滚(Rollforward): 在数据库关闭时候,很多已经提交的数据没有写到磁盘上, 数据恢复时,在文件上重演日志内容,把文件恢复到数据库关闭时的状态. 回滚(Rollback): 在数据库关闭时, ...