'한 줄 입력칸' 확장 변수 사용중입니다.

입력칸에 내용을 넣었을 경우 해당 내용은 보이지 않고 대신 '내용 복사' 버튼만 출력되게 수정하려고 합니다.

어떻게 수정하면 좋을까요?

<!--// Extra Var -->
<table cond="!$mi->et_var && $oDocument->isExtraVarsExists() && (!$oDocument->isSecret() || $oDocument->isGranted())" class="et_vars bd_tb">
    <caption class="blind">Extra Form</caption>
    {@ $etIdx=1 }
    <tr loop="$oDocument->getExtraVars() => $key,$val" cond="$val->getValueHTML() && $val->eid!='rd_preview'" class="bg{$etIdx%2}">
        <th scope="row">{$val->name}</th>
        <td cond="$val->eid!='rating' && $val->eid!=='copy'">{$val->getValueHTML()}</td>

<!--// 지정 확장변수 내용복사-->
<td cond="$val->eid=='copy'">
{$val->getValueHTML()} <a href="#" onclick="ExtLink(); return false;"><span class="sbtn_mini sbtn-dark" style="margin-left:10px">내용복사</span><input type="text" value="{$val->getValueHTML()}" id="extcopy" readonly style="position:absolute; top:-100px; width:1px; padding:0px; border:0px; display:inline-block;" /></a></td>
<script>
    function ExtLink(){
        var copyText = document.getElementById("extcopy");
        copyText.select();
        copyText.setSelectionRange(0, 99999)
        document.execCommand("copy");
        alert("확장변수 내용이 클립보드에 복사되었습니다.");
    }
</script>

        <td cond="$val->eid=='rating'" class="rating"><span class="starRating" title="{$val->getValueHTML()}{$lang->score}"><span style="width:{$val->getValueHTML()*10}%">{$val->getValueHTML()}</span></span></td>
    {@ $etIdx++ }
    </tr>
</table>