表单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. Java 迭代器理解

    1.Iterator(迭代器) 作为一种设计模式,迭代器可以用于遍历一个对象,对于这个对象的底层结构不必去了解. java中的Iterator一般称为“轻量级”对象,创建它的代价是比较小的.这里笔者不 ...

  2. input覆盖select实现select可写可选择

    1.有时需要一个select选择框,但是对select选择框希望是既可以选择也可以进行输入.下边的代码就是在select选择框上放了一个input框,覆盖在select上面.实现伪装的select效果 ...

  3. 创建PO/SO

    IF P_ZY EQ 'X'."直营订单 调拨单 PERFORM FRM_INIT_PO_HEADER. PERFORM FRM_INIT_PO_ITEM. PERFORM FRM_INIT ...

  4. if条件语句练习题

    习题一: 做一个算缘分的小游戏:输入男方姓名,女方姓名,输出缘分指数,给出建议. static void Main(string[] args) { //做一个算缘分的小游戏: //输入男方姓名,女方 ...

  5. FaceBook Twitter实习生简历求内推

    写在博客里面吧. 有一个朋友,男,博士在读,研究方向为图像处理,计算机视觉相关. 想在在读期间有一些海外实习经历.不知道哪位博友,有相关的人脉,求内推啊.内推成功的话请吃大餐,哈哈!

  6. php和AJAX用户注册演示程序

    <! doctype html public "-//w3c//dtd html 4.0//en" "http://www.w3.org/tr/rec-html14 ...

  7. System.Web.Optimization找不到引用

    在程序包管理控制程序中录入:Install-Package Microsoft.AspNet.Web.Optimization,安装即可.

  8. Net开发环境配置

    Web开发插件: 1.JSEnhancements js和css折叠插件 可以参见dudu的介绍不错的VS2010扩展——JSEnhancements,让js和css也折叠 下载地址:http://v ...

  9. 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. ...

  10. TClientDataSet 设计期 多次New 字段问题

    第一次New几个字段后,右键菜单CreateDataSet 后来需要再New几个字段. 右键菜单,先 ClearData(不这样,会报 打开的数据集不能执行 这个New字段的操作),然后在 字段编辑器 ...