html中的一些按钮之类的操作

 html：单选框的name的值必须一致复选框的name没有要求可以一样

        input type="test"文本输入框 input type="password"密码输入框 <textarea cols="" rows"">请输入文字</textarea>大段文字的文本框输入 cols是行 rows是列。

        <textarea class="hl">请输入文字</textarea>用css的方式改变行列  .hl{width：50px;height:50px} input type="submit" value="确定" input type="reset" value="重置"    value的值是按钮显示的字 label for="控件的id名称" for里面的控件名称必须和控件的id的属性值相同

         与后台的交互使用表单标签<forn> <form method="text/post" action="xxx.php" method是传送方式由后台决定 action是传送的位置 "里面是服务器文件"

   <input type="radio" name="" value=""/>文字    这是单选框的语法 同一个单选的框内的几个语句中name的值必须是一样的。

例：你是男人还是女人？

     <input type="radio" name="male" value="man"/>男人

     <input type="radio" name="male" value="woman"/>女人

多选框

<input type="checkbox" name="" value="'/> 这是多选的写法 他们的name的值不一样。

例: 你喜欢的运动有什么？

   <input type="checkbox" name="ball" value="sport1"/>篮球

  <input type="checkbox" name="swim" value="sport2"/>游泳

  <input type="checkbox" name="football" value='sport3"/>足球

单选下拉框：

<option value=''>选项</option> value的值是向服务器提交的值 选项是在页面中显示的值。

要是选择传输数据的话需要用到<form>来与后太进行交互。在value的后面加入selected="selected"会被选为默认选项。

例：<form method="post" action="sss.php">

<label>你现在几年级？</label>

<select>

<option value='first'>一年级</option>

<option value='second'>二年级</option>

<option value='third'>三年级</option>

<option value='fouth'>四年级</option>

</select>

多选下拉框相对于单选下拉框只需要在<select>这个标签内加入multiple="multiple"

就可以实现多选 想选择多个选项时只需要Ctrl+鼠标左键即可。

<label>本身没有含义 但是label标签可以通过语法的方式来方便鼠标用户的操作 语法是<label for="控件的ID名称>选项</label>

就是当鼠标点击到label标签内部的时候直接就可以触发控件。

 

转载于:https://www.cnblogs.com/lllmx/p/6588838.html