码迷,mamicode.com
首页 > 其他好文 > 详细

新的一周的开始

时间:2016-11-15 01:48:12      阅读:126      评论:0      收藏:0      [点我收藏+]

标签:英文字母   单位换算   服务器   地址栏   文本框   

  今天学习了表单的内容,<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="复位">

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

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

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

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

        <select name="area">

             <option value="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="1">

女:<input type="radio" name="sex" value="0">

<br><br>

爱好:

音乐:<input type="checkbox" value="1" name="aihao[]">

篮球:<input type="checkbox" value="2" name="aihao[]">

游戏:<input type="checkbox" value="3" name="aihao[]">

<br><br>

个人简介:

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

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

地区

<select name="area">

<option value="1">南开区</option>

<option value="2">河西</option>

<option value="3">北辰</option>

<option value="4">红桥</option>

<option value="5">和平</option>

<option value="6" selected>西青</option>

<br>

<input type="submit"  value="立即登录">



</select>


</form>

</body>

</html>


新的一周的开始

标签:英文字母   单位换算   服务器   地址栏   文本框   

原文地址:http://12254258.blog.51cto.com/12244258/1872741

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!