首页 > 其他 > 详细

新的一周的开始

时间:2016-11-15 01:46:19      阅读:92      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!