表单条目插入HTML代码?

时间:2009-11-25 06:25:31

标签: javascript html xhtml

我正在使用以下代码在我的网页上显示HTML表单。此代码还使用链接到它的第三方.js文件。一切正常,但是当插入第一条记录时,保存记录后控件返回到此表单,在第一个条目中输入的公司名称将在代码本身中显示。我的意思是说输入公司名称以某种方式插入到HTML代码中。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <script type="text/javascript" src="widgEditor.js"></script>
        <title>Job Listing Entry</title>
    </head>
    <body>
        <Form id="frmNewEntry" method="post" action="insert_listing.php">
            <table id="tblEntry" cols="2" border="0">
                <tr><td>Date:</td><td><input id="LDate" name="LDate" type="text" size="50">[yyyy/mm/dd]</td></tr>
                <tr><td>Places:</td><td><input id="Places" name="Places" type="text" size="50" onblur="this.value=MakeInitialCapital(this.value);"></td></tr>
                <tr><td>Company:</td><td><input id="Company" name="Company" type="text" size="50" onblur="this.value=MakeInitialCapital(this.value);"></td></tr>
                <tr><td>Designation:</td><td><input id="Designation" name="Designation" type="text" size="50" onblur="this.value=MakeInitialCapital(this.value);"></td></tr>
                <tr><td>Project Details:</td><td><textarea class="widgEditor" id="ProjectDetails" name="ProjectDetails" cols="100" rows="10""></textarea> <br></td></tr>
                <tr><td>Desired Candidate:</td><td><textarea class="widgEditor" id="DesiredCandidate" name="DesiredCandidate" rows="5" cols="100" onblur="this.value=MakeInitialCapital(this.value);"></textarea> <br></td></tr>
                <tr><td>HR Name:</td><td><input id="HRName" name="HRName" type="text" size="50" onblur="this.value=MakeInitialCapital(this.value);"> <br></td></tr>
                <tr><td>HR Contact:</td><td><input id="HRContact" name="HRContact" type="text" size="50" onblur="this.value=MakeInitialCapital(this.value);"> <br></td></tr>
                <tr><td>Email:</td><td><input id="Email" name="Email" type="text" size="50"> <br></td></tr>
                <tr></tr>
                <tr><td><input id="Submit" name="Submit" value="Submit" type="submit"> <br></td></tr>
            </table>
        </Form>
    </body>
</html>

<script language="JavaScript" type="text/javascript">
    function MakeInitialCapital(str)
    {
       return str.toLowerCase().replace(/\b[a-z]/g, cnvrt);
        function cnvrt() {
            return arguments[0].toUpperCase();
        }

    }
</script>

例如,如果我输入了公司名称,例如,示例解决方案,那么上面代码的第一行将被修改为:

Example Solutions <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

2 个答案:

答案 0 :(得分:0)

您使用的是某种服务器端处理语言,例如PHP吗?如果是这样,那么请确保您没有潜伏在倾倒公司名称的“回声”声明。考虑到HTML中打印公司名称的位置,我猜测它是在服务器端发生的而不是JavaScript。

答案 1 :(得分:0)

我有一个新工具:openWYSIWYG