<div>
Guys, <br />
<br />
Thanks for the terrific feedback.<br />
<br />
J<br />

</div>


Guys,

Thanks for the terrific feedback.

J


<div>
<div class="content wysiwyg-content">
I added a hidden form field to a web page, and the page suddenly looks terrible in Dreamweaver Design View (Image 1). &nbsp;If I go into Preferences and change tell Dreamweaver to not show the hidden form field, the page looks fine again (Image 2). &nbsp;<br />
<br />
It's worth noting that if I change the hidden form field to type=&quot;text&quot; the page looks terrible again (Image 3). &nbsp;When the form field appears in any way in Dreamweaver (Image 1 or 3), it is right aligned to such an extent that the containing DIV is trashed.<br />
<br />
It's also worth noting that the issue is solely associated with Dreamweaver. &nbsp;If I post the page to any browser, it looks just fine.<br />
<a href="https://filedb.experts-exchange.com/incoming/2010/04_w18/300214/Hidden-Form-Field-Visible.png" target="_blank" class="file-inline" title="Image 1 (3 KB)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M67.508 468.467c-58.005-58.013-58.016-151.92 0-209.943l225.011-225.04c44.643-44.645 117.279-44.645 161.92 0 44.743 44.749 44.753 117.186 0 161.944l-189.465 189.49c-31.41 31.413-82.518 31.412-113.926.001-31.479-31.482-31.49-82.453 0-113.944L311.51 110.491c4.687-4.687 12.286-4.687 16.972 0l16.967 16.971c4.685 4.686 4.685 12.283 0 16.969L184.983 304.917c-12.724 12.724-12.73 33.328 0 46.058 12.696 12.697 33.356 12.699 46.054-.001l189.465-189.489c25.987-25.989 25.994-68.06.001-94.056-25.931-25.934-68.119-25.932-94.049 0l-225.01 225.039c-39.249 39.252-39.258 102.795-.001 142.057 39.285 39.29 102.885 39.287 142.162-.028A739446.174 739446.174 0 0 1 439.497 238.49c4.686-4.687 12.282-4.684 16.969.004l16.967 16.971c4.685 4.686 4.689 12.279.004 16.965a755654.128 755654.128 0 0 0-195.881 195.996c-58.034 58.092-152.004 58.093-210.048.041z"/></svg>Hidden-Form-Field-Visible.png</a><br />
<a href="https://filedb.experts-exchange.com/incoming/2010/04_w18/300215/Hidden-Form-Field-Invisible.png" target="_blank" class="file-inline" title="Image 2 (7 KB)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M67.508 468.467c-58.005-58.013-58.016-151.92 0-209.943l225.011-225.04c44.643-44.645 117.279-44.645 161.92 0 44.743 44.749 44.753 117.186 0 161.944l-189.465 189.49c-31.41 31.413-82.518 31.412-113.926.001-31.479-31.482-31.49-82.453 0-113.944L311.51 110.491c4.687-4.687 12.286-4.687 16.972 0l16.967 16.971c4.685 4.686 4.685 12.283 0 16.969L184.983 304.917c-12.724 12.724-12.73 33.328 0 46.058 12.696 12.697 33.356 12.699 46.054-.001l189.465-189.489c25.987-25.989 25.994-68.06.001-94.056-25.931-25.934-68.119-25.932-94.049 0l-225.01 225.039c-39.249 39.252-39.258 102.795-.001 142.057 39.285 39.29 102.885 39.287 142.162-.028A739446.174 739446.174 0 0 1 439.497 238.49c4.686-4.687 12.282-4.684 16.969.004l16.967 16.971c4.685 4.686 4.689 12.279.004 16.965a755654.128 755654.128 0 0 0-195.881 195.996c-58.034 58.092-152.004 58.093-210.048.041z"/></svg>Hidden-Form-Field-Invisible.png</a><br />
<a href="https://filedb.experts-exchange.com/incoming/2010/04_w18/300217/Text-Form-Field.png" target="_blank" class="file-inline" title="Image 3 (2 KB)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M67.508 468.467c-58.005-58.013-58.016-151.92 0-209.943l225.011-225.04c44.643-44.645 117.279-44.645 161.92 0 44.743 44.749 44.753 117.186 0 161.944l-189.465 189.49c-31.41 31.413-82.518 31.412-113.926.001-31.479-31.482-31.49-82.453 0-113.944L311.51 110.491c4.687-4.687 12.286-4.687 16.972 0l16.967 16.971c4.685 4.686 4.685 12.283 0 16.969L184.983 304.917c-12.724 12.724-12.73 33.328 0 46.058 12.696 12.697 33.356 12.699 46.054-.001l189.465-189.489c25.987-25.989 25.994-68.06.001-94.056-25.931-25.934-68.119-25.932-94.049 0l-225.01 225.039c-39.249 39.252-39.258 102.795-.001 142.057 39.285 39.29 102.885 39.287 142.162-.028A739446.174 739446.174 0 0 1 439.497 238.49c4.686-4.687 12.282-4.684 16.969.004l16.967 16.971c4.685 4.686 4.689 12.279.004 16.965a755654.128 755654.128 0 0 0-195.881 195.996c-58.034 58.092-152.004 58.093-210.048.041z"/></svg>Text-Form-Field.png</a>
</div>
</div>


Hidden-Form-Field-Invisible.png

Text-Form-Field.png

Hidden-Form-Field-Visible.png

I added a hidden form field to a web page, and the page suddenly looks terrible in Dreamweaver Design View (Image 1).  If I go into Preferences and change tell Dreamweaver to not show the hidden form field, the page looks fine again (Image 2).  

It's worth noting that if I change the hidden form field to type="text" the page looks terrible again (Image 3).  When the form field appears in any way in Dreamweaver (Image 1 or 3), it is right aligned to such an extent that the containing DIV is trashed.

It's also worth noting that the issue is solely associated with Dreamweaver.  If I post the page to any browser, it looks just fine.

Dreamweaver - Why does a hidden form field trash Design View

Web browsers are applications used primarily to display documents, files and media from the Internet, identified by a Uniform Resource Identifier (URI) that can be a page, image, video or other file. Some browsers require the use of add-ons or extensions to safely render the information they receive; others have systems built into them to perform the same functions.

Web Browsers

Web development includes all aspects of presenting content on intranets and the Internet, including delivery development, protocols, languages and standards, server software, browser clients, databases and multimedia generation.

Web Development

Adobe Dreamweaver is a web development tool featuring both WYSIWYG and code editors that allow the user to quickly and easily build websites in a wide variety of languages, including ASP, ASP.NET, ColdFusion and PHP. It also offers support for CSS and JavaScript.