zoukankan      html  css  js  c++  java
  • 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”

  • 相关阅读:
    06 | x86架构:有了开放的架构,才能打造开放的营商环境
    02 | 学习路径:爬过这六个陡坡,你就能对Linux了如指掌
    01 | 入学测验:你究竟对Linux操作系统了解多少?
    String、StringBuffer与StringBuilder区别
    JavaSE语言基础之字符串
    JavaSE语言基础之数组及其排序
    JavaSE语言基础之流程控制语句
    JavaSE语言基础之数据类型
    Java开发环境配置
    shell 脚本 自增
  • 原文地址:https://www.cnblogs.com/wleaves/p/4166524.html
Copyright © 2011-2022 走看看