028、HTML 标签3表单标签插入组件

内容：表单标签插入组件(经常使用)
##############################################################

form表单标签和input组件

<form>

    用户名称：<input type="text" name="username" value="hehe" /><br/>

    输入密码：<input type="password" name="psw" /><br/>

    选择性别：<input type="radio" name="sex" value="nan" />男

            <input type="radio" name="sex" value="nv" checked="checked"/>女<br/>

    选择技术：<input type="checkbox" name="tech" value="java" />JAVA

            <input type="checkbox" name="tech" value="html" />HTML

            <input type="checkbox" name="tech" value="css" />CSS<br/>

    一个按钮：<input type="button" value="有个按钮" onclick="alert('有个按钮,我弹！')"/><br/>

    隐藏组件：<input type="hidden" name="zhangsan" value="20"/><br/>

    选择文件：<input type="file" name="file" /><br/>

    图片组件：<input type="image" src="1.jpg" /><br/>

    选择国家：

    <select name="country">

        <option value='none'>--选择国家--</option>

        <option value="cn" selected="selected">中国</option>

        <option value="usa">美国</option>

        <option vaue='en'>英国</option>

    </select>

    <br/>

    个人介绍：<textarea rows="4" cols="20"></textarea>

    <input type="submit" value="提交"/><input type="reset" value="恢复默认"/>

</form>

如果这些值需要提交到服务端的，每个组件的属性都需要name

####################################################################################
浏览器两种提交方式
以下get和post提交数据来自代码

#############################################
加入表格标签，好看，下面实现简单提交

<body>

<form action="127.0.0.1:8080" method="get">

    <table border="1" bordercolor="blue" width="700px" cellspacing="0" cellpadding="10">

        <tr>

            <th colspan="2">用户注册</th>

        </tr>

        <tr>

            <th>用户名称:</th>

            <td><input type="text" name="usename"></td>

        </tr>

        <tr>

            <th>输入密码:</th>

            <td><input type="password" name="pwd"></td>

        </tr>

        <tr>

            <td>选择性别:</td>

            <td><input type="radio" name="sex" value="male"/>男

            <input type="radio" name="sex" value="female">女</td>

        </tr>

        <tr>

            <td>选择技术:</td>

            <td><input type="checkbox" name="tech" value="java">java

                <input type="checkbox" name="tech" value="HTML">HTML

                </td>

        </tr>

        <tr>

            <td>一个按钮</td>

            <td><input type="button" value="按钮" onclick="alert('love')"></td>

        </tr>

        <tr>

            <th colspan="2"><input type="submit" value="提交"></th>

        </tr>

    </table>

</form>

</body>

##简单服务器用于执行上面的提交：

public static void main(String[] args) throws IOException

{

    ServerSocket ss = new ServerSocket(8080);

    Socket s = ss.accept();

    InputStream is = s.getInputStream();

    byte[] buf = new byte[1024];

    int len = is.read(buf);

    String str = new String(buf,0,len);

    System.out.println(str);

    PrintWriter out = new PrintWriter(s.getOutputStream(),true);

    out.println("<font color='blue' size='7'>注册成功</font>");

    s.close();

    ss.close();

}

############################################################################
其他标签

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<body>

<b>演示</b><i>一下</i><u>其他</u>的<strong>标签</strong>。语义化

X<sub>2</sub>  X<sup>2</sup>

<marquee behavior="slide" direction="down">哇，我会飞啦！</marquee>

<pre>

class Demo

{

    public static void main(String[] args)

    {

        System.out.println("hello");

    }

}

</pre>

</body>

028、HTML 标签3表单标签插入组件的更多相关文章

[原创]java WEB学习笔记62：Struts2学习之路--表单标签:form,表单标签的属性，textfield, password, hidden，submit ，textarea ，checkbox ，list, listKey 和 listValue 属性，select ，optiongroup ，checkboxlist
本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱 ...
5.22 HTML 列表标签和表单标签
1,ul无序列表标签 ul:unordered list ,就是无序列表的意思. li: listitem 列表项的意思.无序列表的每一项都是<li>. <!DOCTYPE h ...
Kure讲HTML_列表标签及表单标签
首先我上个图来告诉大家什么是列表左侧的这一部分就可以称为是列表或者叫树,其实我们可以通过div+css实现列表,可是考虑语义化的问题,我们还是看看html提供好的列表标签,html提供了两种列表,一 ...
Day46（列表标签，表格标签，表单标签，css的引入方式，css选择器）
一.列表标签列表标签分为三种. 1.无序列表<ul>,无序列表中的每一项是<li> 英文单词解释如下: ul:unordered list,“无序列表”的意思. li:lis ...
HTML的表格标签，列表标签，表单标签，HTML5有哪些新特性
欢迎大家去博客冰山一树Sankey,浏览效果更好.直接右上角搜索该标题即可博客园主页:博客园主页-冰山一树Sankey CSDN主页:CSDN主页-冰山一树Sankey 前端学习:学习地址:黑马程序 ...
制作Html标签以及表单、表格内容
制作Html一般用DW(......),Html全称为(Hyper Text Markup Language 超文本标记语言) 文本就是平常电脑上的文本文档,只能存储文字,而超文本文档可以存储音乐 ...
struts2：表单标签
目录表单标签1. form标签2. submit标签3. checkbox标签4. checkboxlist标签5. combobox标签6. doubleselect标签7. head标签8. f ...
第四节：Vue表单标签和组件的基本用法，父子组件间的通信
vue表单标签和组件的基本用法,父子组件间的通信,直接看例子吧. <!DOCTYPE html> <html> <head> <meta charset=&q ...
SpringMVC 表单标签 & 处理静态资源
使用 Spring 的表单标签通过 SpringMVC 的表单标签可以实现将模型数据中的属性和 HTML 表单元素相绑定,以实现表单数据更便捷编辑和表单值的回显. form 标签一般情况下,通过 ...

随机推荐

HLOCAL 初探
首先看一段程序,输出的结果为两个相同的整数(这两个整数是内存地址). #include "stdafx.h" #include <windows.h> int _tma ...
SqlDataAdapter 对datagridview进行增删改(A)
这种方法主要是双击datagridview单元格,直接进行添加,修改,删除,在实际开发中并不太常用,另一种方法下一次在具体陈述. using System; using System.Collecti ...
Java Switch支持的类型问题
常见支持类型为int,byte,short,char及枚举类型.以上是JDK1.6以前的版本.JDK1.7时,又增加了String. 参考资料:1.java switch支持的数据类型 2.java中 ...
Retrofit 2.0 使用和原理
使用教程: http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2015/1016/3588.html retrofit2 与okhttp关系 ...
伯克利开源 Confluo，吞吐量是 Kafka 的 4 到 10 倍
近日伯克利 RISE Lab 开源了一个多数据流实时分布式分析系统 Confluo,它既是一个网络监控和诊断框架,也可以作为时序数据库和发布订阅消息系统. 源码地址:https://github.co ...
微信小程序上传图片(前端+PHP后端)
一.wxml文件 <text>上传图片</text> <view> <button bindtap="uploadimg">点击选择 ...
Angular 6.X CLI(Angular.json) 属性详解
Angular CLI(Angular.json) 属性详解简介 angular cli 是angular commond line interface的缩写,意为angular的命令行接口.在an ...
CPA理论与Base理论
CPA理论: 由于对系统或者数据进行了拆分,我们的系统不再是单机系统,而是分布式系统,针对分布式系统的CAP原理包含如下三个元素. C:Consistency,一致性.在分布式系统中的所有数据备份, ...
CentOS7添加入windows2008的AD域
采用域控对用户权限进行限制的时候,经常会出现需要将linux加入windows域,毕竟windows的AD域超级强大.用户名可以由windows进行统一管理,方便办公使用.下面简单介绍如何进行配置. ...
前端开发笔记（1）html基础
HTML介绍 HTML是HyperTextMarkupLanguage超文本标记语言的缩写 HTML是标记语意的语言编辑器任何纯文本编辑器都能够编辑html,比如记事本,editplus,note ...

028、HTML 标签3表单标签插入组件

028、HTML 标签3表单标签插入组件的更多相关文章

随机推荐

热门专题