HTML学习笔记——post表单

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>
时间: 2024-10-10 11:15:22

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

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

最近,项目里面用到了Jfinal 里面的上传附件.Jfinal 的Controller 里面提供了一个 getFile系列方法提供文件上传. 我这里呢,是文件上传和表单参数一起提交.页面类似下图: 这里form表单里面使用了 enctype="multipart/form-data" .先看看Jfinal手册的说明吧!大家看了就知道了 然后还有个问题 如果是表单提交 还不可以用ajax 提交,具体的原因呢也找到了 http://www.oschina.net/question/9410

Symfony2学习笔记之表单

对于一个Web开发者来说,处理HTML表单是一个最为普通又具挑战的任务.Symfony2集成了一个Form组件,让处理表单变的容易起来.在这一节里,我们将从基础开始创建一个复杂的表单,学习表单类库中最重要的内容. Symfony2 的Form组件是一个独立的类库,你可以在Symfony2项目之外使用它. 创建一个简单的表单:假设你要创建一个应用程序的todo列表,需要显示一些任务.因为你的用户需要编辑和创建任务,所以你需要创建一个表单.在你开始之前,首先来看通用的Task类,用来表示和存储一个单

Bootstrap学习笔记(二) 表单

在Bootstrap学习笔记(一) 排版的基础上继续学习Bootstrap的表单,编辑器及head内代码不变. 3-1 基础表单 单中常见的元素主要包括:文本输入框.下拉选择框.单选按钮.复选按钮.文本域和按钮等. 在Bootstrap框架中,通过定制了一个类名`form-control`,也就是说,如果这几个元素使用了类名"form-control",将会实现一些设计上的定制效果. 1.宽度变成了100% 2.设置了一个浅灰色(#ccc)的边框 3.具有4px的圆角 4.设置阴影效果

Bootstrap 学习笔记 之表单(4 day)

Bootstrap学习到这里,理解了为什么它是一个框架,所谓的框架,目前看来就是它本身提供了一套完整的HTML结构和样式. 我们在使用的时候,只要按照这套规则来搭建HTML结构和加上相应的样式名后就可以了. 今天学习的是表单, Bootstrap 提供了下列类型的表单布局: 垂直表单(默认) 内联表单 水平表单 需要一提的就是表单的状态: 表单控件状态 除了 :focus 状态(即,用户点击 input 或使用 tab 键聚焦到 input 上),Bootstrap 还为禁用的输入框定义了样式,

Codeigniter入门学习笔记14—表单的验证

很久很久以前学习Codeigniter的笔记记录,很随意,但都是自己记录的,希望对需要的人有所帮助. 本文使用word2013编辑并发布 Postbird | There I am , in the world more exciting! Postbird personal website : http://www.ptbird.cn 表单验证 1.add_user ????] 2.form_check() ???? 3. ? 1.加载 ????$this->load->library('f

HTML学习笔记20——表单form (用户注册表)

表单:用户注册,在线报名……时,需要把用户的相关信息填写并提交,这时就需使用到表单来收集用户信息. 基本格式: [action 用于控制提交的地方(默认为自己的页面,也可在其值定义其他的网站名),method(默认是将信息的内容直接显示在提交的页面网址上)当设置method=”post“时就不会将信息内容全部显示到提交的页面网址上]action控制往哪里发,method控制发送方式: <form action=""    > <p>信息1</p> &

AngularJS学习笔记(二) 表单验证案例(ng-repeat/filter)

这一节相对来说需要理解的东西不是太多,记住了那些api就行了. 还是一个案例(同样来自miaov),一个表单验证,先上代码,然后再对对应的内容进行解释. <!DOCTYPE html> <html lang="en" ng-app="myApp"> <head> <meta charset="UTF-8"> <title>Title</title> </head>

JS学习笔记7_表单脚本

1.获取表单及表单元素引用的方式 var mForm = document.forms[formName];获取表单引用 mForm.elements[elemName]获取表单元素,如有同名的,则得到一组元素(例如radio button) 2.表单元素的常用属性.方法和事件 属性: name:字段名 value:字段值 type:字段类型,例如button, radio等等 readOnly:设置只读 disabled:设置禁用 方法: focus():获得焦点 blur():取消焦点 事件

2017.04 vue学习笔记---08表单控件绑定---基础用法

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div{ margin-bottom: 30px; } </style> <script src="js/vue.js"></script> <

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

一.效果图: 二.JqueryValidate的好处 在做注册.或者类似以上的表单提交的时候,大家是不是都很烦那种,把数据拿到后台去判断, 可能经过了正则表达式之类的复杂判断,然后发现数据错误.接着通过request转发到页面上,再通过EL 表达式输出错误信息.实话实话,在没发现这个插件之前,我是这么干的,好痛苦的感觉. JqueryValidate的好处就在于,你不必经过servlet,就可以在页面上面判断用户输入的信息是否正确,它能够快速实现 表单的校验. 三.引入插件 顺序不能乱,此插件是