首页 > 代码库 > 新的一周的开始

新的一周的开始

  今天学习了表单的内容,<form></form>中间内容为表单元素用<input>输入。<input type="text">

文本框,type=“radio”为单选表单,type=“checkbox”为多选表单。

form表单的属性:

      

      <form action="接受者">    

      <form method="传送方法">常用有两种方式:post  get

      区别:1,post加密,get不加密;

            2,数据量不同,post一般不受限制,get单次不超过2k;

            3,post主要向服务器传送数据,get主要向服务器要数据;

            4,位置不同,post主要写在表单里,get主要以url地址栏链接的形式使用。

单位换算:


       1byte=8bit=一个英文字母=一个字节的长度;

       汉字 utf8  一个汉子至少使用2个字节(65535)来表示;

       1KB=2^10 B=1024 B      1MB=2^10 KB=1024 KB    1GB=2^10 MB=1024MB 

       1TB=2^10 GB=1024 GB    1 PB=1024 TB    1EB=1024 PB

   <input type="reset" value="http://www.mamicode.com/复位">

   placeholder="占位说明”   value是提交的内容。

   <textarea></textarea>文本域,搭配富文本服务器使用

   选择表单的name必须是一致的,必须写value,多选时name后面要加[],例如<input type="checkbox" value="http://www.mamicode.com/2" name="aihao[]">。

   下拉列表中name写在<select>里,如:<select name="area">而value写在<select>下面中的<option>,如:

        <select name="area">

             <option value="http://www.mamicode.com/1"></option>

表单如下:

<!DOCTYPE html>

<html>

<head>

<mate charset="utf-8">

<title></title>

</head>

<body>

<!-- 表单 -->

<form action="" method="post">

姓名:<input type="text" name="user name" placeholder="用户名" value=""><br><br>

密码:<input type="password" name="user password" placeholder="6-10字符" value=""><br><br>

性别:

男:<input type="radio" name="sex" value="http://www.mamicode.com/1">

女:<input type="radio" name="sex" value="http://www.mamicode.com/0">

<br><br>

爱好:

音乐:<input type="checkbox" value="http://www.mamicode.com/1" name="aihao[]">

篮球:<input type="checkbox" value="http://www.mamicode.com/2" name="aihao[]">

游戏:<input type="checkbox" value="http://www.mamicode.com/3" name="aihao[]">

<br><br>

个人简介:

<!-- 文本域 搭配富文本编辑器 -->

<textarea name="detail"></textarea>

地区

<select name="area">

<option value="http://www.mamicode.com/1">南开区</option>

<option value="http://www.mamicode.com/2">河西</option>

<option value="http://www.mamicode.com/3">北辰</option>

<option value="http://www.mamicode.com/4">红桥</option>

<option value="http://www.mamicode.com/5">和平</option>

<option value="http://www.mamicode.com/6" selected>西青</option>

<br>

<input type="submit"  value="http://www.mamicode.com/立即登录">



</select>


</form>

</body>

</html>


新的一周的开始