在HTML中,表单用于搜集不同数据的输入,首先要用<form>来定义一个表单,注意不要忘记另一部分</form>,要让它形成一个完整的表单。
表单中可以输入的类型多种多样:
首先是可以用<input>输入的类型,比较常见的有<text>文本输入类型、<radio>单选输入类型、<submit>提交类型、<password>密码输入类型、<button>按钮输入类型、<checkbox>复选框输入类型等等,HTML5中又新添了日期、电子邮件等类型。
举例:
输入文本类型、密码、提交
<input type=“text” name=“xuehao”>
<input type=“password” name=“password1”>
<input type=“submit” value=“Submit”>
其中,type是表单的输入类型、name是提交后的名字,value是初始时的属性值。
其次,也可以不用<input>输入,而是直接定义,比如<select>下拉列表,在<select>中<option> 元素定义待选择的选项,列表通常会把首个选项显示为被选选项,但是也可以通过添加 selected 属性来定义预定义选项。再比如<textarea> 元素定义多行输入字段(文本域),<button> 元素定义可点击的按钮。
举例:
下拉列表:
<select name=“xueyuan”>
<option value=“qingxuanze”>请选择</option>
<option value=“shuli” >数理学院</option>
<option value=“fazheng”>法政学院</option>
<option value=“shang”>商学院</option>
<option value=“guanli”>管理科学与工程学院</option>
<option value=“waiguo”>外国语学院</option>
<option value=“xingong”>信息工程学院</option>
<option value=“yishe”>艺术设计学院</option>
</select>此时默认显示的是“请选择”。
多行输入文本域:
<textarea name=“message” rows=“10” cols=“30”>
hello,everybody
</textarea>
可点击的按钮
<button type=“button” οnclick=“alert(‘Hello World!’)”>可以点击我!</button>
提交到下一个页面
利用<submit>提交表单时,通常会在<form>标签中加上属性action,如果没有添加东西<form action=“ ”>,则默认提交时提交到本页面;如果想提交到别的页面就需要将那个页面名称加进来,比如<form action=“a.html”>就是提交到a.html页面。
表单有关内容
最新推荐文章于 2022-09-30 00:30:34 发布