3、网页制作Dreamweaver(表单form)
表单form
(虚线不显示)
1、写法:
<form id="form1" name="form1" method="post" action="">
</form>
1、 解释
name、id自定义,用于寻找此块内容
3、内容
(1)文本框:可以设置width,height
<label for="denglu">姓名</label> ————标签,可以不写,为易于寻找
<input type="text" name="textfield" id="textfield" value="你好" />———value是预设词
(2)隐藏域
必须在表单中,存储临时数据
<input type="hidden" name="hiddenField" id="hiddenField" />
在设计区域显示:
(3)文本区域
是一个长的文本框,可以设置width,height
<textarea name="textarea" id="textarea" cols="45" rows="5"></textarea>
(4)复选框
<input type="checkbox" name="checkbox" id="checkbox" checked="checked" />
<label for="checkbox"></label>
*checked=”checked”表示已经选中
(5)单选框
将name改成同一个名,就可以实现单选择效果(id不能改,用于区分)
<input type="radio" name="radio" id="radio" value="radio" />
<label for="radio"></label>
<input type="radio" name="radio" id="radio2" value="radio2" />
<label for="radio2"></label>
<input type="radio" name="radio" id="radio3" value="radio3" />
<label for="radio3"></label>
<input type="radio" name="radio" id="radio4" value="radio4" />
<label for="radio4"></label>
单选按钮组:
<label>
<input type="radio" name="RadioGroup1" value="单选" id="RadioGroup1_0" />
单选</label>
<br />
<label>
<input type="radio" name="RadioGroup1" value="单选" id="RadioGroup1_1" />
单选</label>
*复选同单选
(6)选择列表单
<label for="select"></label>
<select name="select" id="select">
<option value="1" selected="selected">张三</option>
<option value="2">李四</option>
<option value="3">王五</option>
</select>
(7)跳转菜单
<select name="jumpMenu" id="jumpMenu" onchange="MM_jumpMenu('parent',this,0)">
<option>项目1</option>
</select>
(8)图像域 (可点击)
<input type="image" name="imageField" id="imageField" src="../../微信二维码 (1).jpg" />
(9)文件域
<label for="fileField"></label>
<input type="file" name="fileField" id="fileField" />
(10)按钮
<input type="submit" name="button" id="button" value="提交" />
*submit是提交,reset是重置
(11)标签
<label></label>
(12)字段集 (一堆label)
<fieldset>
</fieldset>
隐藏输入框里面的文字显示为“······”文本框中input type=”password”
*<pre>保留书写的源格式
*<lable>可以在网页中实现快速查找:
<lable accesskey=”u” for=”userid”>
<td><input type=”text” id=”userid”/></td>
<td>hello</td>
</lable>(光标在其他区域的情况下,只点hello就可以到文本框中,或者点alt+u也可以直接跳转)
*<sub>下标<sup>上标
头标签:
*<base>所有超链接的href位置、target属性(_blank或者别的)
*<meta name=”keywords” content=”各种关键词”> 用于提高网站主页的搜索展现率,根据关键词来判断(现在不常用了)
*<meta http-equiv=”refresh” content=”3;url=http://www.xxxx.com”/>刷新页面三秒后自动弹到一个网页(没指定链接的时候页面本身刷新)
超链接中链接邮箱的用法:<a href=”mailto:xxx@xxx.com?subject=xx&cc=xxx@xxx.com”
3、网页制作Dreamweaver(表单form)的更多相关文章
- 10、网页制作Dreamweaver(扩展:各浏览器对 onunload 事件的支持与触发条件实现有差异)
标准参考 在 HTML 4.01 规范中关于 onunload 事件的描述是:当 document 从 window 中移除时,触发 onunload 事件. 关于 HTML 4.01 规范中 onu ...
- 8、网页制作Dreamweaver(jQuery基础:安装、语法)
在<网页制作Dreamweaver(悬浮动态分层导航)>中,运用到了jQuery的技术,轻松实现了菜单的下拉.显示.隐藏的效果,不必再用样式表一点点地修改,省去了很多麻烦,那么jQuery ...
- 7、网页制作Dreamweaver(悬浮动态分层导航)
悬浮动态分层导航的制作: 1.首先在<head>里面引用一个JQUERY的文件以用来制作鼠标点击动画效果(从网站上下载即可) <script language="javas ...
- HTML(七)HTML 表单(form元素介绍,input元素的常用type类型,input元素的常用属性)
前言 表单是网页与用户的交互工具,由一个<form>元素作为容器构成,封装其他任何数量的表单控件,还有其他任何<body>元素里可用的标签 表单能够包含<input> ...
- 使用jquery插件validate制作的表单验证案例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- [Swift通天遁地]二、表格表单-(17)制作在表单左侧添加单选和复选组件的表单行
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★➤微信公众号:山青咏芝(shanqingyongzhi)➤博客园地址:山青咏芝(https://www.cnblogs. ...
- HTML中的表单<form>标签
一.HTML表单 HTML 表单用于搜集不同类型的用户输入. HTML 表单包含表单元素,表单元素指的是不同类型的 input 元素.复选框.单选按钮.提交按钮等等. 关于表单的更多内容可以参考htt ...
- [入门到吐槽系列] Webix 10分钟入门 二 表单Form的使用
前言 继续接着上一篇的webix入门:https://www.cnblogs.com/zc22/p/15912342.html.今天完成剩下两个最重要的控件,表单和表格的使用.掌握了这两个,整个Web ...
- HTML ------ 关于表单 Form
Form(表单)主要用于采集和提交用户输入的信息,是页面与WEB服务器交互过程中 最重要的信息来源. 掌握表单(Form)有以下几个要点: 重要form属性 form常用控件 form提交方式 § 重 ...
随机推荐
- Java 迭代器理解
1.Iterator(迭代器) 作为一种设计模式,迭代器可以用于遍历一个对象,对于这个对象的底层结构不必去了解. java中的Iterator一般称为“轻量级”对象,创建它的代价是比较小的.这里笔者不 ...
- input覆盖select实现select可写可选择
1.有时需要一个select选择框,但是对select选择框希望是既可以选择也可以进行输入.下边的代码就是在select选择框上放了一个input框,覆盖在select上面.实现伪装的select效果 ...
- 创建PO/SO
IF P_ZY EQ 'X'."直营订单 调拨单 PERFORM FRM_INIT_PO_HEADER. PERFORM FRM_INIT_PO_ITEM. PERFORM FRM_INIT ...
- if条件语句练习题
习题一: 做一个算缘分的小游戏:输入男方姓名,女方姓名,输出缘分指数,给出建议. static void Main(string[] args) { //做一个算缘分的小游戏: //输入男方姓名,女方 ...
- FaceBook Twitter实习生简历求内推
写在博客里面吧. 有一个朋友,男,博士在读,研究方向为图像处理,计算机视觉相关. 想在在读期间有一些海外实习经历.不知道哪位博友,有相关的人脉,求内推啊.内推成功的话请吃大餐,哈哈!
- php和AJAX用户注册演示程序
<! doctype html public "-//w3c//dtd html 4.0//en" "http://www.w3.org/tr/rec-html14 ...
- System.Web.Optimization找不到引用
在程序包管理控制程序中录入:Install-Package Microsoft.AspNet.Web.Optimization,安装即可.
- Net开发环境配置
Web开发插件: 1.JSEnhancements js和css折叠插件 可以参见dudu的介绍不错的VS2010扩展——JSEnhancements,让js和css也折叠 下载地址:http://v ...
- How to setup SVN?
2014-01-08 11:43:50 如何简单设置SVN(前提是SVN已经安装) 1. 创建一个目录: mkdir -p ~/svn/2.1.J.1.1 2. 进入新创建的目录: cd svn/2. ...
- TClientDataSet 设计期 多次New 字段问题
第一次New几个字段后,右键菜单CreateDataSet 后来需要再New几个字段. 右键菜单,先 ClearData(不这样,会报 打开的数据集不能执行 这个New字段的操作),然后在 字段编辑器 ...