表单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 ------ 关于表单 Form

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

  5. Bootstrap~表单Form

    回到目录 在进行自己的后台改版时,大体布局都使用了bootstrap,剩下的表单部分没理由不去使用它,对于表单的美化和布局,bootstrap做的也是很不错的,有大气的边框,多功能的按钮及宏观的表单布 ...

  6. 表单 - Form - EasyUI提供的表单异步提交

    方案一 被提交的表单 <form id="loginForm" method="post"> <table align="cente ...

  7. 跟服务器交互的Web表单(form)

    使用HTML来构建可以跟服务器交互的Web表单(form),通过给你的form元素添加一个action属性来达到此目的. action属性的值指定了表单提交到服务器的地址. 例如: <form ...

  8. DHTMLX 前端框架 建立你的一个应用程序 教程(九)--绑定表单Form到表格Grrid中

    绑定表单Form到表格Grrid中 现在我们需要选中一行表格数据的时候 数据能在表单中显示出来 我们可以使用DHTMLX 丰富的组件功能实现它. 绑定表单到表格 1.调用bind方法将表单绑定到网格, ...

  9. DHTMLX 前端框架 建立你的一个应用程序 教程(八)-- 添加表单Form

    添加表单Form 我们下一步是在页面中添加一个表单,表格中的选中字段将会显示在表单中.提供一个提交按钮 可以对显示的数据进行修改提交. 添加表单到布局单元格中 1.在右侧布局中使用attachForm ...

随机推荐

  1. Linux中不同主机建立免登陆

    ssh-keygen -t rsa scp /root/.ssh/id_rsa.pub  root@192.168.0.236:/root/.ssh/authorized_keys cat /root ...

  2. [转] ACM中国国家集训队论文集目录(1999-2009)

    国家集训队1999论文集 陈宏:<数据结构的选择与算法效率——从IOI98试题PICTURE谈起>来煜坤:<把握本质,灵活运用——动态规划的深入探讨>齐鑫:<搜索方法中的 ...

  3. HBase预分区

    seq 0 7 | awk '{printf("\\x%02x\\x%02x\n", $1/256, $1%256);}' | sort -R |head -3 create 'm ...

  4. Java重点之小白解析--浅谈数据流形式图片上载

    文档上载,上载也不知道哪个大神(混球)起的名字,读起来怪怪的,反正平时我只读上传. 闲话少说,直入主题.先等等这两天做文件上传,都快把宝宝折磨疯了,不会呀,各种查呀,最可悲的是废了老大功夫学会了传送文 ...

  5. 实现Base64加密解密

    using System; using System.Text;   namespace Common { /// <summary> /// 实现Base64加密解密 /// </ ...

  6. EventBus 3.0使用

    在没用eventBus之前一直用Android广播方式通知消息更新UI 广播写法 首先发送广播通知 Intent intent = new Intent(); intent.setAction(&qu ...

  7. Preventing CSRF in Java web apps---reference

    reference from:http://ricardozuasti.com/2012/preventing-csrf-in-java-web-apps/ Cross-site request fo ...

  8. ubuntu下文件压缩/解压缩命令总结

    .gz 解压1:gunzip FileName.gz 解压2:gzip -d FileName.gz 压缩:gzip FileName .tar.gz 解压:tar zxvf FileName.tar ...

  9. jquery , find the event handler,找到jquery中的event handler

    找到 dispatch: function (e) { e = b.event.fix(e); var n, r, i, s, o, u = [], a = d.call(arguments), f ...

  10. onConfigurationChanged与OnCreate,究竟谁被调用的问题

    在以前的版本中只要在AndroidManifest.xml文件中对activity指定android:configChanges="keyboardHidden|orientation&qu ...