表单的语法:
<form action ="表单提交地址" method ="提交方法" name ="MyForm">
<!--文本框、按钮等表单元素-->
</form>
method的值通常是:"get" 或 "post"
<!--表单元素的基本格式-->
<input name ="元素格式" type ="类型" value ="值" size ="显示宽度" maxlength ="字符长度" checked ="是否选中" />
type属性包括:
1、text:文本输入框
2、password:密码输入框
3、radio:单选按钮
4、checkbox:复选框
5、submit:提交按钮
6、reset:重置按钮
7、button:普通按钮
8、hidden:隐藏域
9、image:图像按钮
10、file:文本域
<!--文本输入框-->
<input type ="text" name ="username" size ="20" />
<!--密码输入框-->
<input type ="password" name ="pwd" size ="20" />
<!--单选框-->
<p>性别:
<input type ="radio" name ="sex" value ="女" />女
<input type ="radio" name ="sex" value ="男" checked ="checked"/>男
</p>
<!--复选框-->
<p>课程选择:
<input type ="checkbox" name ="cb1" value ="C++" />C++
<input type ="checkbox" name ="cb2" value ="java" />java
<input type ="checkbox" name ="cb3" value ="C#" />C#
<input type ="checkbox" name ="cb4" value ="php" />php
</p>
<!--提交按钮/重置按钮/普通按钮-->
<input type ="submit" name ="submit1" value ="提交" />
<input type ="reset" name ="reset1" value ="重置" />
<input type ="button" name ="button1" value ="取消" />
<!--下拉列表-->
<select name ="列表名称">
<option value ="值">text</option>
</select>
<!--多行文本域 cols:文本区内的可见宽度 rows:文本区内的可见高度-->
<textarea name ="content" cols ="x" rows ="y">
text
</textarea>
分享到:
相关推荐
Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门...
已整理好基础版和高级版笔记 导出为pdf 和html 格式 界面清晰美观,均有详细目录
从基础入手,学习更容易,笔记一目了然。 零基础HTML+CSS+DIV笔记让您更快进入网页编程的世界。 -------------------------------------------------------------
小甲鱼35课 用户图形界面 EasyGui课后练习题代码和讲解
0基础学习的源码笔记(非千锋官方,本人学习时参照千锋教程写出的). 源码是在 视窗系统 xp sp3 32位,蟒蛇3.4.4 32位,pycharm社区版2016.3.6 32位环境完成的. 感谢千锋教育的开源教程 千锋教育的开源教育视频(哔哩哔哩...
java编程可以分成三个方向: 1、java se (j2se)桌面开发 java中的基础中的基础 2、java ee (j2ee)web开发 3、java me (j2me)手机开发 java se课程介绍 java面向对象编程(基础) java图开界面开发 java数据库编程 ...
unity 3d PDF文档,《HTML+5+从入门到精通》-中文学习教程,有助于初级开发者的需求与学习,共同分享,共同学习,共同进步!
为零基础学习openlayer提供帮助,简单明了,即可通过html建立一个地图,帮助初学者如何通过openleyers建立地图,包括建立地图即map包括最基本的几个要素,layers,target和view等。
自己学习HTML5时整理的笔记。适合萌新们学习学习。
根据pink老师的课程做的学习笔记 学习HTML、CSS以及HTML5 CSS3新增的属性、看完这篇文章你就学会了
│ │ └笔记.doc │ ├ │ │ ├[思库教育]第25集 斐波纳挈数列.mp4 │ │ └[思库教育]第26集 数组的遍历.avi │ ├ │ │ ├[思库教育]第27集 猴子吃桃.avi │ │ ├[思库教育]第28集 杨辉三角.avi │ │ ├[思库...
零基础开始学习web,HTML和CSS
Native零基础入门到项目实战 此项目记录我在2017年3月学习的过程,整理了一下放到GitHub上,分为React、React Native和豆瓣项目实战三个部分(DoubanProject在Recat Native Demo文件目录下),废话不多说,贴上笔记和...
我的学习笔记我的个人学习笔记集,包括各种课程,教程,文章或讲座。前端HTML,CSS,Sass JavaScript 解决freeCodeCamp和HackerRank挑战JavaScript算法 React体验一下React:构建您的第一个ToDo应用并将其托管在...
零基础开始学习前端,HTML和CSS
该资源包含“淘宝商城首页_开发项目(静态)”的...若想要理解项目中的重难点,请参考我的博客中的《HTML+CSS零基础学习笔记(五)— 模拟淘宝首页(静态)》一文。总结自《渡一教育_2020权威HTML+CSS零基础入学》。
课程中使用的所有英文单词都会逐一查询并记录,真正做到零基础入门学习,适合初学者的教程!课程内容包括:1.HTML简介、文档结构2.Sublime的使用3.常用标签4.超链接、表格、表单5.内嵌框架iframe6.HTML5简介、新特性...
课程中使用的所有英文单词都会逐一查询并记录,真正做到零基础入门学习,最适合初学者的教程,让你少走弯路!课程内容包括:1.CSS简介2.CSS基本用法3.选择器4.常用CSS属性5.盒子模型6.定位方式7.其他CSS属性8.页面...
leetcode 530 每周算法 HTML CSS Javascript 前端构建工具 小游戏 框架 数据库 学习笔记 ...个人独白,记录学习经验,希望能改掉自己学完就扔的老毛病。...HTML ...从零搭建webpack配置系列 ...vue基础 ...学习笔记