网页基础编程第十章

第十章 表单的应用

10·1 表单概述

表单可以分为两部分:一是用HTML源代码描述的表单,可以直接通过插入的方式添加到网页中,二是提交后的表单处理,需要调用服务器端编写好的脚本对客户端提交的信息作出回应。

10·2 表单标记---<form>(双)

          语法:<form name="" method="" action="" enctype="" target=""></form>

          表单标记属性:
                  name:设置表单名字
                method:设置表单发送的方法,可以是"post"或者"get"
                action:设置表单处理程序
               enctype:设置表单编码方式
                target:设置表单显示目标

10·3 信息输入---<input>

          语法:<form><input name="" type=""></form>

              name:插入控件的名称。
              type:显示插入控件的类型,如:文本框,单选按钮,复选框等。

10·3·1插入文本框---text

          语法:<form><input name="text" type="text" maxlength="" size="" value=""></form>

              maxlength:设置输入的最多字符
                  value:设置默认值
                   size:设置控件宽度

10·3·2 插入密码框---password

          语法:<form><input name="password" type="password" maxlength="" size=""></form>

10·3·3 插入文件域---file

在文件域中可以添加整个文件,例如:发送邮件时,添加的附件都需要使用文件域来实现。

          语法:<form><input name="file" type="file"></form>

10·3·4 插入复选框---checkbox

          语法:<form><input name="text" type="checkbox" id="" value=""></form>

注:id为可选项

10·3·5 插入单选按钮---radio

          语法:<form><input name="r1" type="radio" id="" value=""></form>

10·3·6 插入标准按钮---button

          语法:<form><input name="b1" type="button" id="" value=""></form>

10·3·7 插入提交按钮---submit

          语法:<form><input name="s1" type="submit" id="" value=""></form>

10·3·8 插入重置按钮---reset

          语法:<form><input name="r1" type="reset" id="" value=""></form>

10·3·9 插入图像域---image

          语法:<form><input name="image" type="image" src=\'#\'" width="" height="" border=""></form>

10·3·10 插入文字域---textarea

          语法:<form>
                  <textarea name="text" type="textarea" rows="" cols="" wrap="" id=""></textarea>
               </form>

10·3·11 插入隐藏域---hidden

          语法:<form><input name="h1" type="hidden" value=""></form>

10·3·12 插入下拉菜单---<select>和列表项---<option>

          语法:<form>
                 <select name="" size="">
                 <option value="">
                 <option value="">
                   ...
                 </select>
               </form>

本文出自 “白鹿学院” 博客,转载请与作者联系!

你可能感兴趣的:(职场,网页,休闲)