表格下的 HTML 文本区域

Posted

技术标签:

【中文标题】表格下的 HTML 文本区域【英文标题】:HTML Textarea under Table 【发布时间】:2016-01-21 07:55:35 【问题描述】:

我正在准备一个表格,它的所有数据都将由用户提供,并将插入到 mysql 中。

在这种形式中,我必须使用长文本,我使用文本区域,但我无法获得如何在 html 表下使用 textarea 的教程,并且单击提交按钮时,同样应该已保存到 mysql 表中。

任何人都可以指导我吗?

【问题讨论】:

请添加一些代码 欢迎堆栈溢出!!请给我们 HTML、CSS 等。 【参考方案1】:

这是 Html 文件 MySignUp.html

      <html>
        <head>
                    <title>My Sign Up Page</title>
        </head>


       <body>
        <form action="login" method=post">  //from here control goes to web.xml
           <table>
             <tr>   <td>Enter your Name: </td>
                    <td><input type="textbox" name="name" ></input></td>
             </tr>

             <tr>   <td>Enter your phone Number: </td>
                    <td><input type="textbox" name="phone" ></input></td>
             </tr>
              <tr >

                     <td colspan="2"><textarea name="desc" ></textrea></td>


              </tr>

             <tr>    <td><input type="submit" value="Sign Up"/></td> 
                     <td><input type="reset" value="Reset"/></td>
             </tr>  
           </table>
        </form>
       </body>
</html>

这是用户点击注册按钮后的基本注册,然后控件转到 web.xml

web.xml 文件是一个映射文件,用于将 html 请求映射到 servlet。

<?xml version="1.0" encoding="ISO-8859-1" ?>

<web-app xmlns="http://java.sun.com/xml/ns/j2ee"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"
    version="2.4">

    <display-name>Sign Up Application</display-name>

    <servlet>
        <servlet-name>SignServlet</servlet-name>
        <servlet-class>com.controller.Sign</servlet-class>
    </servlet>

    <servlet-mapping>
        <servlet-name>SignServlet</servlet-name>
        <url-pattern>/sign</url-pattern>
    </servlet-mapping>

</web-app> 

这是注册 Servlet SignServlet.java

    package com.controller;

    import java.io.IOException;
    import java.io.PrintWriter;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;

    public class SignServlet extends HttpServlet

        public void doPost(HttpServletRequest request, HttpServletResponse response)
        throws IOException

            String name= request.getParameter("name");
            String phone=request.getparameter("phone");
            String desc=request.getparameter("desc");

            if(name != "" && phone != "" && desc != "")                
                 SignDao signDao=new SignDao();
                 if(signDao.add(name , phone , desc)

                      //redirect to success page 
                     
                  else
                        //redirect to failure page 
                      
            else
                   //redirect to failure page 
                  
    

这是数据库文件SignDao.java

package com.dao;  
import java.sql.*;  

public class SignDao   

public boolean add(String name , String phone , String desc)  

try  
Connection con=ConnectionProvider.getConnection();  

PreparedStatement ps=con.prepareStatement("insert into  users values( name=? , phone=? , desc=?)");  

ps.setString(1,name);  
ps.setString(2, phone);  
              ps.setString(3, desc);  

if(ps.executeUpdate()>0)  

    return true;  
else   
    return false;
catch(Exception e)  

return false;

  
 

这是连接提供者ConnectionProvider.java

 package com.util; 
    import java.sql.*;  
    import static com.constants.Provider.*;  

    public class ConnectionProvider   
    private static Connection con=null;  
    static  
    try  
    Class.forName(DRIVER);  
    con=DriverManager.getConnection(CONNECTION_URL,USERNAME,PASSWORD);  
    catch(Exception e)  
      

    public static Connection getConnection()  
        return con;  
      

    

这是数据库常量Provider.java

package com.constants;  

public interface Provider   
String DRIVER="com.mysql.jdbc.Driver";  
String CONNECTION_URL="jdbc:mysql://localhost:3030/myDB";  
String USERNAME="system";  
String PASSWORD="oracle";  

  

【讨论】:

以上是关于表格下的 HTML 文本区域的主要内容,如果未能解决你的问题,请参考以下文章

如何在表格中显示文本区域的换行符?

jQuery datepicker 在 IE9 中不工作并添加了动态文本区域

文本区域表单中的 Html 占位符文本

如何阻止 Chrome 自动完成文本区域?

悬停时突出显示整个表格行

清除表单的文本区域和输入