如何在网页中创建一个表单

    许多网站为了获得使用者的信息，实现与用户之间的交互，在制作网站时需要让用户自己提供一些信息，这就要用到“表单”，表单中包含着很多元素，我们在html基础语言中的《xhtml表单标签详解及简单表单制作》已经讲过，这里就不再介绍它们的功能里，只讲一讲用Dreamweaver如何将它们制作出来。

    首先我们需要确定想要获得的信息，比如我们制作的是一个收集学生信息的网站，那么它所需要获得的信息可能包括：姓名、性别、爱好、照片和自我描述等等。依据这些需要获得的内容，我们就可以着手制作表单了。

    新建一个网页，按自己喜好设置好页面属性等内容，然后将鼠标放在插入表单处。

    首先插入姓名字段，点击“插入工具栏”中“表单”选项卡中的“文本字段”，如图一，随后会弹出输入标签辅助功能选项对话框，按照图二中所示，标签文字中填入“姓名”，样式中选择“使用‘for’属性附加标签标记”，位置选择“在表单项前”，访问键和Tab键索引为空。

    “标签文字”就是这个文本字段的名字，“样式”选择使用“for标记”的好处在于点击标签文字栏输入的文字时，焦点会自动放在输入框中，“位置”设置的是标签文字所在表单元素的前面或者后面，而访问键和Tab键索引通常是用不到的，所以暂时可以为空。

    姓名输入栏添加好后，软件会询问是否添加表单标签，如图三，这是自动功能，当你每次在非表单范围内添加表单元素时它都会提示你添加表单标签，这里点击“是”。

    确定后，点击文字输入框，属性面板也跟着变了样子，在属性面板中有“字符宽度”和“最多字符数”两个输入框，如图四，有人会说，这两个不是一样吗？其实不一样，“字符宽度”规定的是输入框的外观尺寸大小，而“最多字符数”规定的是输入框最多能输入多少个字符，简单的说，前者是规定输入框外表的，后者是规定输入框的内在的。

    将光标点击到输入栏后面，按Ctrl+Enter键，这样就多出一个折行，键入“性别”两个字，然后点击表单选项卡中的单选按钮，如图五，和刚才的方法一样，但把标签文字改为“男”，同样方法再插入一个单选按钮，标签文字写“女”。

    将光标点击到标签文字为“女”的单选按钮后，按Ctrl+Enter键插入换行标签，键入“爱好”两字，然后点击表单选项卡中的插入复选按钮，如图五，在标签文字中输入“篮球”，同理，再添加“购物”“上网”“音乐”“旅游”等等内容。

    在最后一个复选后插入换行标签，然后点击表单选项卡中的插入文件域，如图五，标签文字填上“上传照片”，位置选为“在表单项前”。

    在浏览按钮后插入换行标签，点击表单选项卡中的文本字段按钮，标签文字中填“自我介绍”，位置选“在表单项前”，这样就完成了插入一个文本输入框。

    在文本输入框后插入换行标签，点击表单选项卡中的“插入按钮”按钮，弹出的“输入标签辅助功能选项对话框”各项选项保持为空，点击确定。

    将光标放在“提交”按钮的右边，按照刚才的方法再添加一个按钮，添加完毕后，点击这个按钮，在属性面板的动作选项中选择“重设表单”，按钮的文字变成了“重置”，如图六。

    简单的表单就这样创建完毕了，只是简陋了一些，如图七，不过你可以结合以前的文章，将它美化一下。