1221

2020-12-21 19:32:49 作者：互联网

一、常用表单标签如下： (1)中的“type”属性：　　　复选框-checkbox；单选按钮-radio;按钮-button；提交-submit;(2)文本域　　行-cols；列-rows；　　

表单输入域

文本域<label>控制标签<fieldset>定义域<legend>域的标题<select>选择列表<optgroup>选项组<option>下拉列表中的选项<button>按钮
　二、常见表单标签的应用　　1、输入用户名以及密码表单的制作　　　　（1）主要代码：　　　　　　　　<form>
     　　　　　　　　　用户名：<input type="text" />
        　　　　　　　　密码：<input type="password" />
       　　　　　　　　 <br />
 　　　　　　　　</form>　　　　(2)实现效果：
<p>　　2、复选框的使用：　　　　（1）主要代码：　　　　　<form><br>
　　　　你喜欢的水果有？<br /><br>
　　　　苹果<input type="checkbox" /><br>
　　　　西红柿<input type="checkbox" /><br>
　　　　 香蕉<input type="checkbox" /><br>
　　　　菠萝<input type="checkbox" /><br>
　　　　</form>　　　　(2)实现效果：</p>
<p>　　3、单选按钮的使用：　　　　（1）主要代码：　　　　　　<form>　　　　　　　请选择您的性别:<br>
　　　　男<input type="radio"  name="sex"/><br>
　　　　女<input type="radio" name="sex"/><br>
　　　　　 </form>　　　　(2)实现效果：</p>
<p>　　4、下拉列表的使用　　　　（1）主要代码　　　　　　<form>　　　　　　 　　<select><br>
　　　　　　　<option>www.baidu.com</option><br>
　　　　　　 <option>www.jikexueyuan.com</option><br>
　　　　　　<option>www.google.com</option><br>
　　　　　　<lect>　　　　　　</form>　　　　（2）实现效果</p>
<p>　　5、按钮的使用　　　　（1）主要代码　　　　　　<form>　　　　　　　<input type="button" value="按钮" /><br />     //“value”用来定义按钮上面的值<br>
　　　　 <input type="submit" /> <br /><br>
　　　　<input type="reset" /><br /><br />        //”reset“用来重置表单里的内容<br>
　　　　 　　</form>　　　　（2）实现效果</p>
<p>　　   6、文本框的使用　　　　（1）主要代码　　　　　　<textarea cols="10" rows="15">在此输入文字

　　　　（2）实现效果

标签：www,效果,1221,代码,表单,按钮,com
来源： https://www.cnblogs.com/qwe320723/p/14169504.html