一：构建表单标签

 

　　在文本编辑器中打开HTML文档，必须在<form>和</form>标签中键入HTML表单的内容。这些标签充当表单的容器，就像<div></div>容器标签一样。【推荐学习：Html5教程】

 

　　您可以在<form></form>标签内使用CSS或js，使您的表单看起来比较美观。

 

　　2.打开<form>元素，首先启动表单，添加到文件中应该开始表单的位置，然后在自己需要的地方键入<form>，此标签表示表单的开头。

 

　　3.将“action=”属性添加到<form>标签当中，告诉<form>标签如何处理表单数据，您可以添加action=”path_to_script”到<form>当中来。

 

　　4.确定如何发送表单数据，现在定义表单数据的发送位置，您必须确定表单是“GET”还是“POST”数据。然后，添加“GET”或“POST”作为标签method内的属性<form>。

 

　　二：添加表单选项

 

　　1.使用创建文本框<inputtype=”text”/>，您可以添加一个空白框，您的访问者可以在其中输入他们的姓名，信息或您可能需要的任何信息，在<form>标签后面的新一行开始添加。【推荐阅读：html文本输入框代码】

 

　　2.同时也创建一个输入密码框，如果您要求用户输入密码，您将添加另一个<input/>，并且将“type”属性设置为“password”。

 

　　3.添加选项的单选按钮，如果您希望访问者从项目列表中进行选择，请使用单选按钮创建选项列表。为此，您将使用<input/>标签，并将“type”属性设置为“radio”。

 

　　三：关闭表单

 

　　1.创建提交<按钮>，需要通过单击提交按钮来提交表单。

 

　　2.键入</form>在表单的末尾，此标签表示表单已结束。提醒一点，所有表单内容必须在<form>和</form>之内。

 

　　3.测试运行






本文转载自中文网