徐小峰 发表于 2016-2-1 22:12:40

表单的重要性

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单的重要性</title>
</head>
<body>
    <form name="signupform" action="http://localhost:8080/form" method="post">
      <input type="text" name="username" placeholder="Email" /> <br/>
      <input type="password" name="password" placeholder="Password" /> <br/>
      <input type="password" name="confirm-_assword" placeholder="Re-Enter password"/> <br/>
      <input type="checkbox" name="list_mail" value="1" />
      <span>Please send me emails about special offers, exclusives and promotions monthly. </span> <br/>
      <input type="checkbox" name="agreement" checked="checked" value="1" />
      <span>I agree to Sanydress.com <a target="_blank" href="terms-of-use-a92.html">Terms and Conditions</a></span> <br/>
      <button type="submit" name="submit">
            <em>
                <span>REGISTER</span>
            </em>
      </button>
    </form>
</body>
</html>
                                                                                                                --form.html
对于开发和维护外贸网站的我而言,我所提供给你们的这些代码还是很有实用价值的
不要轻视这些,这段代码可以说,少了css、js和php的互动,因为我们还没学到css,所以这只是从这学起,从而能够把基础打牢。
别看这段代码简单,其实里面用了node.js的功能
希望你们安装下node.js。这个东西能够让你们看到你们提交的表单内容,
下面,我给你们js代码,希望你们能用nodejs.exe执行下这段代码
var http = require('http');
var querystring = require('querystring');

http.createServer(function(req, res) {
switch (req.url) {
    case '/form':
      if (req.method == 'POST') {
      console.log(" " + req.method + " to " + req.url);
      var fullBody = '';
      req.on('data', function(chunk) {
          fullBody += chunk.toString();
      });
      req.on('end', function() {
          res.writeHead(200, "OK", {
            'Content-Type': 'text/html'
          });
          res.write('<html><head><title>Post data</title></head><body>');
          res.write('<style>th, td {text-align:left; padding:5px; color:black}\n');
          res.write('th {background-color:grey; color:white; min-width:10em}\n');
          res.write('td {background-color:lightgrey}\n');
          res.write('caption {font-weight:bold}</style>');
          res.write('<table border="1"><caption>Form Data</caption>');
          res.write('<tr><th>Name</th><th>Value</th>');
          var dBody = querystring.parse(fullBody);
          for (var prop in dBody) {
            res.write("<tr><td>" + prop + "</td><td>" + dBody + "</td></tr>");
          }
          res.write('</table></body></html>');
          res.end();
      });
      } else {
      console.log(" " + req.method + " to " + req.url);
      res.writeHead(405, "Method not supported", {
          'Content-Type': 'text/html'
      });
      res.end('<html><head><title>405 - Method not supported</title></head><body>' +
          '<h1>Method not supported.</h1></body></html>');
      }
      break;
    default:
      res.writeHead(404, "Not found", {
      'Content-Type': 'text/html'
      });
      res.end('<html><head><title>404 - Not found</title></head><body>' +
      '<h1>Not found.</h1></body></html>');
      console.log(" " + req.method + " to " + req.url);
};
}).listen(8080);
这段代码能是服务器上脚本,能显示你表单提交了哪些内容
页: [1]
查看完整版本: 表单的重要性