html5-HTML5 input 显示提交数据

问题描述

HTML5 input 显示提交数据

在w3cshool 上学html5

 <form action="demo-form.php">
  选择你喜欢的颜色: <input type="color" name="favcolor"><br>
  <input type="submit">
</form>

是否要学php才得啊,是否可用其他的页面接收并显示呢?怎么接收呢?

解决方案

同学习中。fighting。

解决方案二:

接收数据,可以用jsp/servlet,或者java(配合springmvc)都可以啊。看你想怎么来提交数据了。

解决方案三:

不用呀,jsp html css servlet等是一条web开发的路,php html 是另一条 看你想学那个

解决方案四:

咦?可是介个提交表单以后在php里接收然后就可以随意操作啦,没明白楼主的问题

解决方案五:

任何一种动态技术都行,如asp,asp.net,jsp

如果你不需要持久化数据写入数据库什么的,表单可以get提交,参数会附带在url后,自己用js获取参数值也行


<form>
    选择你喜欢的颜色: <input type="color" name="favcolor"><br>
    <input type="submit">
</form>
<script>
    var s = location.search;
    var m = /(?|&)favcolor=([^&]+)/.exec(s);console.log(m)
    if(m)alert('选择的颜色值:'+unescape(m[2]))
</script>
时间: 2024-08-26 06:40:58

html5-HTML5 input 显示提交数据的相关文章

php+html5使用FormData对象提交表单及上传图片的方法

 这篇文章主要介绍了php+html5使用FormData对象提交表单及上传图片的方法,实例分析了FormData对象的使用技巧,非常具有实用价值,需要的朋友可以参考下     本文实例讲述了php+html5使用FormData对象提交表单及上传图片的方法.分享给大家供大家参考.具体分析如下: FormData 对象,可以把form中所有表单元素的name与value组成一个queryString,提交到后台.在使用Ajax提交时,使用FormData对象可以减少拼接queryString的工

为何html5的input type=&amp;amp;quot;email&amp;amp;quot;在pc上可以验证,在iphone上没效果?

问题描述 为何html5的input type="email"在pc上可以验证,在iphone上没效果? 有谁知道为何吗 解决方案 不同的浏览器显示出来的行为有些不同.iOS显示应该是没问题的.

php+html5使用FormData对象提交表单及上传图片的方法_php技巧

本文实例讲述了php+html5使用FormData对象提交表单及上传图片的方法.分享给大家供大家参考.具体分析如下: FormData 对象,可以把form中所有表单元素的name与value组成一个queryString,提交到后台.在使用Ajax提交时,使用FormData对象可以减少拼接queryString的工作量. 使用FormData对象 1.创建一个FormData空对象,然后使用append方法添加key/value 复制代码 代码如下: var formdata = new

HTML5中input框读取文本文件内容的例子

使用 type 属性为 file 的 <input> 元素,就能得到一个标准的上传文件框.除了能在<form>元素中将文件发送给Web服务器外,这个<input>也有自己处理文件的方式. 在HTML5中,大幅度地增加与改良了input属性的种类,可以简单的使用这些属性来实现之前需要使用JavaScript才能实现的.对于html5中新增的input属性支持得最多.最全面的是Opera浏览器. 1. type属性 html5中input的type属性增的可取值新增几种,对

html5 获取input内容

 <!doctype html>  <html>  <head>  <meta charset=utf-8 />  <title>html5 获取input内容</title>  </head>  <body>    <input type="email" />    <input type="tel" />    <input type=&

jquery ajax实现input输入框输入,点击添加无跳转提交数据

问题描述 jquery ajax实现input输入框输入,点击添加无跳转提交数据 jquery ajax实现input输入框输入数据,点击添加按钮无跳转提交数据 解决方案 看一下ajax的例子http://jun1986.iteye.com/blog/1399242 解决方案二: 这个网上例子很多,自己搜看看 解决方案三: 一点不会jq,js跟ajax 解决方案四: 把代码拿出来看看啊,看看你是怎么写的 解决方案五: 肯定是js里面的ajax提交代码有错误

jpuery提交按钮-1,input提交按钮加onclik判断 2,jquery提交按钮提交数据

问题描述 1,input提交按钮加onclik判断 2,jquery提交按钮提交数据 (怎么用jquery做一个提交按钮,让这个按钮带有隐藏值,点击确认触发事件,同时也提交隐藏值?) 解决方案 var hideVal = $('#hideVal').val(); username = $('#username').val(); password = $('#password').val(); var encrypt = new JSEncrypt(); encrypt.setPublicKey(

jQuery简单实现提交数据出现loading进度条的方法_jquery

本文实例讲述了jQuery简单实现提交数据出现loading进度条的方法.分享给大家供大家参考,具体如下: html部分代码如下,复制然后引入类库即可使用 <html> <head> <style type="text/css"> #bg{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black;

使用Post方式提交数据到Tomcat服务器的方法_java

我在上一篇文章中介绍了 使用Get方式提交数据到Tomcat服务器,这篇将介绍使用Post方式提交数据到服务器,由于Post的方式和Get方式创建Web工程是一模一样的,只用几个地方的代码不同所以,我就直接介绍不同的地方,第一个不同点是,提交方式不同,所以修改LoginServlet.Java中的代码 package com.fyt.org; import java.io.IOException; import java.io.OutputStream; import java.io.Print