2022.3.22知识总结

141 阅读1分钟

input type="输入的类型" value="表示元素的初始值 type 为 radio时必须指定一个值" name="表单元素的名称" size="表单元素的宽度可以调节" maxlength="表单元素的最大字数可以调节"

type默认值为text包括(password"内容加密”,radio“单选”,submit"提交“,reset"重置”,checkbox"复选框",image"图像”hidden,button"普通按钮" input 默认选项用checked,option默认值用select。

例如: <input type="text" name="1"

1.png

①。单选框radio 当<input type="radio" name必须一致 value一般用英文表示> 性别

<input type="radio" name="1" value="nan">男
<input type="radio" name="1" value="nv">女

2.png

②。复选框checkbox 爱好

<input type="checkbox" name="aihao" value="wan">游戏
<input type="checkbox" name="aihao" id="kanshu">看书
<input type="checkbox" name="aihao" id="youy">游泳

③。input type="submit" value="提交"

input type="reset" value="重置" submit 只有在form包裹下才有作用

4.png

④。 <form method="post" enctype="multipart/form-data"

      <input type="file" name="wenjian" 

  </form>一般文件提交的时候 采用post请求 加密,一般上传文件 会设置编码属性 enctype="multipart/form-data",name表示数据的名称 input type="file"
  
  

5.png

6.png

⑤。 今天要开的汽车 <select name="car" size="1"

       <option value="bm">宝马</option
       
       <option value="bc">奔驰</option
       
       <option value="ad">奥迪</option
       
   </select>默认值为selected size 表示显示的行数,默认值为1

7.png

⑥。<input type="image" src="./dress01.png" name="tuxiang"

input type="image"是具有提交功能,点击可以把数据提交给后台

⑦。<textarea name="nihao" cols="30" rows="10"

cols显示列,主要控制多行文本的宽度,和显示的字符相比 是一个大概的范围
rows表示行,主要控制多行文本的高度,和显示的字符相比 是一个大概的范围
不放在form无法把数据发给后台

99.png