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提交方式 § 重 ...
随机推荐
- How to decide on the correct number of clusters?
Determining the number of clusters/segments in hierarchical clustering/segmentation algorithms 由于uni ...
- es根据磁盘使用情况来决定是否分配shard
注意两个地方说法有出入,待实测! es可以根据磁盘使用情况来决定是否继续分配shard.默认设置是开启的,也可以通过api关闭:cluster.routing.allocation.disk.thre ...
- DOM系列---基础篇[转]
DOM (Document Object Model) 即文档对象模型, 针对 HTML 和 XML 文档的 API (应用程序接口) .DOM 描绘了一个层次化的节点树,运行开发人员添加.移除和修改 ...
- ant非法字符:\65279 错误
ant非法字符:\65279 错误前段时间用ant把项目打包,遇到一个问题:编译java文件的时候,有些java文件报非法字符 \65279错误,在网上找和很多方法,也试了很多方法,换JDK,网上说的 ...
- 使用URL读取网络资源
import java.io.InputStream;import java.io.OutputStream;import java.net.URL; import android.os.Bundle ...
- 文本信息“welcome to java programming!”
import javax.swing.JOptionPanepublic class welcome {public static void main(string[] arg){JOptionPan ...
- 一个QQ木马的逆向分析浅谈(附带源码)
程序流程:首先注册自己程序的窗口以及类等一系列窗口操作,安装了一个定时器,间隔为100ms,功能搜索QQ的类名,如果找到就利用FindWindow("5B3838F5-0C81-46D9-A ...
- tab切换类
/* * 传入id和点击时的回调函数,可以传第三个参数,就是当前tab的类名默认tabon * 主要完成tab的外观,就是当前tab的切换,完成外观切换后,会调用传入的回调函数 */ function ...
- sdut 2609 A-Number and B-Number
http://acm.sdut.edu.cn/sdutoj/problem.php?action=showproblem&problemid=2609 数位DP 以前没怎么做过,自己憋了半天, ...
- 自定义圆的半径layout
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:too ...