表单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)的更多相关文章

  1. 10、网页制作Dreamweaver(扩展:各浏览器对 onunload 事件的支持与触发条件实现有差异)

    标准参考 在 HTML 4.01 规范中关于 onunload 事件的描述是:当 document 从 window 中移除时,触发 onunload 事件. 关于 HTML 4.01 规范中 onu ...

  2. 8、网页制作Dreamweaver(jQuery基础:安装、语法)

    在<网页制作Dreamweaver(悬浮动态分层导航)>中,运用到了jQuery的技术,轻松实现了菜单的下拉.显示.隐藏的效果,不必再用样式表一点点地修改,省去了很多麻烦,那么jQuery ...

  3. 7、网页制作Dreamweaver(悬浮动态分层导航)

    悬浮动态分层导航的制作: 1.首先在<head>里面引用一个JQUERY的文件以用来制作鼠标点击动画效果(从网站上下载即可) <script language="javas ...

  4. HTML(七)HTML 表单(form元素介绍,input元素的常用type类型,input元素的常用属性)

    前言 表单是网页与用户的交互工具,由一个<form>元素作为容器构成,封装其他任何数量的表单控件,还有其他任何<body>元素里可用的标签 表单能够包含<input> ...

  5. 使用jquery插件validate制作的表单验证案例

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  6. [Swift通天遁地]二、表格表单-(17)制作在表单左侧添加单选和复选组件的表单行

    ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★➤微信公众号:山青咏芝(shanqingyongzhi)➤博客园地址:山青咏芝(https://www.cnblogs. ...

  7. HTML中的表单<form>标签

    一.HTML表单 HTML 表单用于搜集不同类型的用户输入. HTML 表单包含表单元素,表单元素指的是不同类型的 input 元素.复选框.单选按钮.提交按钮等等. 关于表单的更多内容可以参考htt ...

  8. [入门到吐槽系列] Webix 10分钟入门 二 表单Form的使用

    前言 继续接着上一篇的webix入门:https://www.cnblogs.com/zc22/p/15912342.html.今天完成剩下两个最重要的控件,表单和表格的使用.掌握了这两个,整个Web ...

  9. HTML ------ 关于表单 Form

    Form(表单)主要用于采集和提交用户输入的信息,是页面与WEB服务器交互过程中 最重要的信息来源. 掌握表单(Form)有以下几个要点: 重要form属性 form常用控件 form提交方式 § 重 ...

随机推荐

  1. How to decide on the correct number of clusters?

    Determining the number of clusters/segments in hierarchical clustering/segmentation algorithms 由于uni ...

  2. es根据磁盘使用情况来决定是否分配shard

    注意两个地方说法有出入,待实测! es可以根据磁盘使用情况来决定是否继续分配shard.默认设置是开启的,也可以通过api关闭:cluster.routing.allocation.disk.thre ...

  3. DOM系列---基础篇[转]

    DOM (Document Object Model) 即文档对象模型, 针对 HTML 和 XML 文档的 API (应用程序接口) .DOM 描绘了一个层次化的节点树,运行开发人员添加.移除和修改 ...

  4. ant非法字符:\65279 错误

    ant非法字符:\65279 错误前段时间用ant把项目打包,遇到一个问题:编译java文件的时候,有些java文件报非法字符 \65279错误,在网上找和很多方法,也试了很多方法,换JDK,网上说的 ...

  5. 使用URL读取网络资源

    import java.io.InputStream;import java.io.OutputStream;import java.net.URL; import android.os.Bundle ...

  6. 文本信息“welcome to java programming!”

    import javax.swing.JOptionPanepublic class welcome {public static void main(string[] arg){JOptionPan ...

  7. 一个QQ木马的逆向分析浅谈(附带源码)

    程序流程:首先注册自己程序的窗口以及类等一系列窗口操作,安装了一个定时器,间隔为100ms,功能搜索QQ的类名,如果找到就利用FindWindow("5B3838F5-0C81-46D9-A ...

  8. tab切换类

    /* * 传入id和点击时的回调函数,可以传第三个参数,就是当前tab的类名默认tabon * 主要完成tab的外观,就是当前tab的切换,完成外观切换后,会调用传入的回调函数 */ function ...

  9. sdut 2609 A-Number and B-Number

    http://acm.sdut.edu.cn/sdutoj/problem.php?action=showproblem&problemid=2609 数位DP 以前没怎么做过,自己憋了半天, ...

  10. 自定义圆的半径layout

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:too ...